@charset "utf-8";
/* CSS Document */

@media all and (min-width: 1000px)
{
	
body { background-color:#eee; background-image:url(pro-bridge-images/bg.png); background-repeat:repeat; -webkit-font-smoothing: antialiased; }



#container { margin:0 auto; width:1000px; background-color:#fff; padding:20px; overflow:hidden; -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);}

#container #content { float:right; width:1000px; overflow:hidden;}

#container #content #menu { width:980px; height:44px; padding:0 10px;  margin:0 0 20px 0; background-color:#000;}

#container #content #menu #menu-icon {display:none;}

#container #content #menu ul.first {height:44px; width:1000px; padding:0; margin:0;}

#container #content #menu ul.first li {height:44px; padding:0 10px; margin:0; float:left; display: inline-block; position:relative!important; line-height:44px; font-size:16px!important;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased;}

#container #content #menu ul.first li a {line-height:44px; font-size:16px!important;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased;  display:block; height:44px;
}

#container #content #menu ul.first li a:hover {color:#fff;}

#container #content #menu ul.first li ul {top: 40px; 	left:0;
    display: none; background-color:#000!important;
    list-style-type: none;	  width:240px!important; z-index:99999; padding:10px 0 0 0; margin:0;}
	
#container #content #menu ul.first li ul li {width:240px; height:36px; margin:0; padding:0; float:left; display: inline-block; background-color:#000!important;}

#container #content #menu ul.first li ul li a {background-color:#000!important; line-height:16px!important; font-size:16px!important;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased; margin:0!important; padding:10px 7px 10px 13px;  width:220px!important; }

#container #content #menu ul.first li ul li a:hover {color:#fff;}

#container #content #menu ul.first li:hover ul {
    display: block;
	position:absolute; top: 40px;
}

#container #content #ticker {width:960px;height:24px; background-color:#bc0000; margin:-20px 0 20px 0; padding:10px 20px;}

#container #content #ticker ul {padding:0; margin:0; list-style:none;}

#container #content #ticker ul li { list-style:none;font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:24px;  color:#eee; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0;-webkit-font-smoothing: antialiased;}

#container #content #ticker ul li a {text-decoration:none; color:#222; padding:2px 5px; background-color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px; }

#container #content #transition { width:1000px; height:350px; margin:0; background-color:#ab181e; overflow:hidden; position:relative;}



#container #content #transition #newlogo { position:absolute; top:20px; left:20px; z-index:9999;}

#container #content #transition #clientpro { position:absolute; bottom:20px; left:20px; background-color:#000; z-index:9999; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; padding:10px; display:block;}

#container #content #transition #clientpro form {float:left;}

#container #content #transition #clientpro form #submit { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; background-color:transparent; border:0; cursor:pointer; float:left; padding:0; }

#container #content #transition #clientpro form #submitselected { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:bold!important; -webkit-font-smoothing: antialiased; text-decoration:underline!important; background-color:transparent; border:0; cursor:pointer; float:left; padding:0; border-bottom:1px solid #fff; }

#container #content #transition #clientpro form #submit:hover {cursor:pointer;}

#container #content #transition #clientpro span {float:left;font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; }

#container #content #main { width:610px; padding:0; float:right; margin:0; background-color:#fff; overflow:hidden; position:relative;}

#container #content #secondary {width:350px; padding:0 19px 0 0 ; border-right:1px solid #ccc; float:left; margin:0; background-color:#fff; overflow:hidden;}

#container #content #secondary #findmeapro {display:block; height:80px; background-color:#ddd;}

#container #content #secondary .search {width:350px; overflow:hidden;}

#container #content #secondary .search .searchleft {width:240px; margin:0 10px 10px 0; float:left; overflow:hidden;}

#container #content #secondary .search .searchleft label {width:70px!important; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0; padding:5px 0;-webkit-font-smoothing: antialiased; display:block; }

#container #content #secondary .search .searchleft select {width:160px; margin:0; padding:5px; }

#container #content #secondary .search .searchright {width:100px; margin:0; padding:8px 0 0 0; float:right; overflow:hidden;}

.bridgepro {overflow:hidden; width:170px; height:170px; background-color:#ccc; float:left; margin:0 0 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:300px; height:170px; margin:0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000; display:block;
  background-image:url(pro-bridge-images/b25.png); background-repeat:repeat;}

.bridgepro2 {overflow:hidden; width:170px; height:170px; background-color:#ccc; float:left; margin:0 10px 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro2 a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:300px; height:170px; margin:0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000; display:block;
  background-image:url(pro-bridge-images/b25.png); background-repeat:repeat;}

#container #footer { width:980px; background-color:#eee; padding:10px; overflow:hidden; text-align:right;} 

#container #footer p {margin:0;}

h1 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h2 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h3 {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h3 a {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}



p {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

p a {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:22px;  color:#1a4630; text-decoration:underline; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

ul {margin:0 0 20px 0; padding:0;}

ul li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:square;}

ol {margin:0 0 20px 0; padding:0;}

ol li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:lower-roman;}

hr {height:1px; background-color:#ccc; margin:0 0 20px 0; border:0;}

td p {margin:0;}

td h4 { margin:0;}

.largeprobox { overflow:hidden;  padding:10px; background-color:#eee; border:1px solid #ccc; margin:0 0 20px 0; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);}

.largeprobox h2 {margin:0 0 10px 0;}
.largeprobox p {margin:0 0 10px 0;}
.largeprobox hr {margin:0 0 10px 0;}


#container #content #main #contactthispro { position:absolute; top:0; right:0; width:100px; height:100px; background-color:#ccc;  font-family: 'Roboto Slab', serif; font-size:20px;   color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased; cursor:pointer;  text-align:center; line-height:100px; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}

#container #content #main #contactthispro:hover { background-color:#ddd;}

body#splashbody {margin:0px;padding:40px 0 0 0; background-color:transparent;   background: url('pro-bridge-images/splash-background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%; min-width:100%;}
  
  #splashinfo #mobhome {display:none;}
#splashinfo { width:50%; margin:0 0 0 50px; float:left; background-color:transparent;}

#splashinfo #prologin { background-image:url(pro-bridge-images/b50.png); background-repeat:repeat; background-color:transparent; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width:100px;}

#splashinfo #prologin a {font-family:Verdana, Geneva, sans-serif; font-size:20px; line-height:20px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0;-webkit-font-smoothing: antialiased;}

#splashinfo #prologin:hover {cursor:pointer; background-color:#000;}

#splashinfo #prologin:active {cursor:pointer; background-color:#000;}

#splashinfo #splashlogo { margin:50px 0 50px 0;}

#splashinfo #choices { margin:0;}

#splashinfo #choices form #submit {background-image:url(pro-bridge-images/b50.png); background-repeat:repeat; background-color:transparent; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-family:Verdana, Geneva, sans-serif; font-size:20px; line-height:20px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0;-webkit-font-smoothing: antialiased; display:block; margin:0 0 20px 0; border:0; cursor:pointer;}

#splashinfo #choices form #submit:hover {cursor:pointer; background-color:#000;}

#splashinfo #choices form #submit:active {cursor:pointer; background-color:#000;}

.cycle-slideshow div p {color:#fff; font-size:20px; line-height:24px; text-align:center;}

#loginbox label {width:150px!important; float:left; display:block; margin:0 20px 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:13px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

#loginbox input { padding:5px;  border:1px solid #777; background-color:#eee;}
#loginbox textarea { padding:5px;  border:1px solid #777; background-color:#eee;}


.alert { border:1px solid #ccc; padding:10px; background-color:#ddd; margin:0 0 20px 0;}
.alert p {margin:0;}

input.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important;}
input.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer;}

a.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important; text-decoration:none;}
a.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer; text-decoration:none;}


form p {margin:20px 0 0 0; }

}

@media all and (min-width: 800px) and (max-width: 999px)
{
	body { background-color:#fff; background-image:none;margin:0; padding:0; -webkit-font-smoothing: antialiased; }

#container { margin:0; width:100%; background-color:#fff; padding:0; overflow:hidden;}

#container #content { width:100%; overflow:hidden;}

#container #content #menu { width:96%; height:44px; padding:0 2%;  margin:0; background-color:#000;}

#container #content #menu #menu-icon {display:none;}

#container #content #menu ul.first {height:44px; width:100%; padding:0; margin:0;}

#container #content #menu ul.first li {height:44px; padding:0 1%; margin:0; float:left; display: inline-block; position:relative!important; }

#container #content #menu ul.first li a {line-height:44px; font-size:14px;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased;  display:block; height:44px;
}

#container #content #menu ul.first li a:hover {color:#fff;}

#container #content #menu ul.first li ul {top: 40px; 	left:0;
    display: none; background-color:#000!important;
    list-style-type: none;	  width:240px!important; z-index:99999; padding:10px 0 0 0; margin:0;}
	
#container #content #menu ul.first li ul li {width:240px; height:36px; margin:0; padding:0; float:left; display: inline-block; background-color:#000!important;}

#container #content #menu ul.first li ul li a {background-color:#000!important; line-height:16px!important; font-size:14px;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased; margin:0!important; padding:10px 7px 10px 13px;  width:220px!important; }

#container #content #menu ul.first li ul li a:hover {color:#fff;}

#container #content #menu ul.first li:hover ul {
    display: block;
	position:absolute; top: 40px;
}

.cycle-slideshow {display:none;}

#container #content #transition { width:96%; margin:0; background-color:#ab181e; overflow:hidden; position:relative; padding:2%;}



#container #content #transition #newlogo { float:left;}

#container #content #transition #clientpro { float:right; background-color:#000; z-index:9999; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; padding:10px; display:block;}

#container #content #transition #clientpro form {float:left;}

#container #content #transition #clientpro form #submit { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; background-color:transparent; border:0; cursor:pointer; float:left; padding:0; }

#container #content #transition #clientpro form #submitselected { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:bold; -webkit-font-smoothing: antialiased; text-decoration:none; background-color:transparent; border:0; cursor:pointer; float:left; padding:0; border-bottom:1px solid #fff; }

#container #content #transition #clientpro form #submit:hover {cursor:pointer;}

#container #content #transition #clientpro span {float:left;font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; }

#container #content #main { width:96%; padding:2%; float:left; margin:0; background-color:#fff; overflow:hidden; position:relative;}

#container #content #secondary {width:96%; padding:2%;  float:left; margin:0; background-color:#fff; overflow:hidden;}

#container #content #secondary #findmeapro {display:block; height:80px; background-color:#ddd;}

#container #content #secondary .search {width:100%; overflow:hidden;}

#container #content #secondary .search .searchleft {width:240px; margin:0 10px 10px 0; float:left; overflow:hidden;}

#container #content #secondary .search .searchleft label {width:70px!important; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0; padding:5px 0;-webkit-font-smoothing: antialiased; display:block; }

#container #content #secondary .search .searchleft select {width:160px; margin:0; padding:5px; }

#container #content #secondary .search .searchright {width:100px; margin:0; padding:8px 0 0 0; float:left; overflow:hidden;}

.bridgepro {overflow:hidden; width:170px; height:170px; background-color:#ccc; float:left; margin:0 10px 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:23px; height:23px; margin:147px 0 0 0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000;
  background-image:url(pro-bridge-images/b50.png); background-repeat:repeat;}

.bridgepro2 {overflow:hidden; width:170px; height:170px; background-color:#ccc; float:left; margin:0 10px 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro2 a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:23px; height:23px; margin:147px 0 0 0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000;
  background-image:url(pro-bridge-images/b50.png); background-repeat:repeat;}

#container #footer { width:96%; background-color:#eee; padding:2%; overflow:hidden; text-align:right;} 

#container #footer p {margin:0;}

h1 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h2 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h3 {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

h3 a {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}



p {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 20px 0;-webkit-font-smoothing: antialiased;}

p a {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:22px;  color:#1a4630; text-decoration:underline; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

ul {margin:0 0 20px 0; padding:0;}

ul li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:square;}

ol {margin:0 0 20px 0; padding:0;}

ol li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:lower-roman;}

hr {height:1px; background-color:#ccc; margin:0 0 20px 0; border:0;}

td p {margin:0;}

td h4 { margin:0;}

.largeprobox { overflow:hidden;  padding:10px; background-color:#eee; border:1px solid #ccc; margin:0 0 20px 0; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);}

.largeprobox h2 {margin:0 0 10px 0;}
.largeprobox p {margin:0 0 10px 0;}
.largeprobox hr {margin:0 0 10px 0;}


#container #content #main #contactthispro { position:absolute; top:0; right:0; width:100px; height:100px; background-color:#ccc;  font-family: 'Roboto Slab', serif; font-size:20px;   color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased; cursor:pointer;  text-align:center; line-height:100px; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}

#container #content #main #contactthispro:hover { background-color:#ddd;}


body#splashbody {margin:0px;padding:40px 0 0 0; background-color:transparent;   background: url('pro-bridge-images/splash-background.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:100%; min-width:100%;}
  
  #splashinfo #mobhome {display:none;}
  
#splashinfo { width:80%; margin:10%; background-color:transparent;}

#splashinfo #prologin { background-image:url(pro-bridge-images/b50.png); background-repeat:repeat; background-color:transparent; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; width:20%!important;}

#splashinfo #prologin a {font-family:Verdana, Geneva, sans-serif; font-size:20px; line-height:20px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0;-webkit-font-smoothing: antialiased;}

#splashinfo #prologin:hover {cursor:pointer; background-color:#000;}

#splashinfo #prologin:active {cursor:pointer; background-color:#000;}

#splashinfo #splashlogo { margin:50px 0 50px 0;}

#splashinfo #choices { margin:0;}

#splashinfo #choices form #submit {background-image:url(pro-bridge-images/b50.png); background-repeat:repeat; background-color:transparent; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; font-family:Verdana, Geneva, sans-serif; font-size:20px; line-height:20px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0;-webkit-font-smoothing: antialiased; display:block; margin:0 0 20px 0; border:0; cursor:pointer; width:100%;}

#splashinfo #choices form #submit:hover {cursor:pointer; background-color:#000;}

#splashinfo #choices form #submit:active {cursor:pointer; background-color:#000;}

.cycle-slideshow div p {color:#fff; font-size:20px; line-height:24px; text-align:center;}

#loginbox label {width:150px!important; float:left; display:block; margin:0 20px 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:13px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

#loginbox input { padding:5px;  border:1px solid #777; background-color:#eee;}
#loginbox textarea { padding:5px;  border:1px solid #777; background-color:#eee;}

.alert { border:1px solid #ccc; padding:10px; background-color:#ddd; margin:0 0 20x 0;}
.alert p {margin:0;}

input.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important;}
input.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer;}

a.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important; text-decoration:none;}
a.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer; text-decoration:none;}


form p {margin:20px 0 0 0; }
}

@media all and (min-width: 200px) and (max-width: 799px)
{

body { background-color:#fff; background-image:none;margin:0; padding:0; -webkit-font-smoothing: antialiased; }

#container { margin:0; width:100%; background-color:#fff; padding:0; overflow:hidden;}

#container #content { width:100%; overflow:hidden;}

#container #content #menu { width:96%; height:44px; padding:1% 2%;  margin:0; background-color:#000;}

#container #content #menu #menu-icon {float:left; font-size:16px!important; line-height:44px; color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased;  display:block;  padding:0; display:inline-block; margin:0;}
#container #content #menu #menu-icon:hover {}


#container #content #menu ul.first {display:none; z-index:9999; position:absolute; top:0; left:0; width:94%; background-color:#000;  padding:2% 2% 2% 4%; margin:0;}

#container #content #menu ul.first li { padding:0.2% 0.2% 0.2% 2%; margin:0 0 0 2%;}

#container #content #menu ul.first li a { font-size:16px!important;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased;  display:block;  padding:0;
}

#container #content #menu ul.first li a:hover {color:#fff;}

#container #content #menu ul.first li ul { padding:0; margin:0; }
	
#container #content #menu ul.first li ul li {padding:0.2% 0.2% 0.2% 2%; margin:0 0 0 4%; }

#container #content #menu ul.first li ul li a {background-color:#000!important;  font-size:16px!important;  color:#ddd; text-decoration:none; letter-spacing:0; font-weight:normal; font-family: 'Roboto Slab', serif;-webkit-font-smoothing: antialiased; margin:0!important;  padding:0; }

#container #content #menu ul.first li ul li a:hover {color:#fff;}


#container #content #menu:hover ul.first {

		display: block;

	}

.cycle-slideshow {display:none;}


#container #content #transition { width:96%; margin:0; background-color:#ab181e; overflow:hidden; position:relative; padding:2%;}



#container #content #transition #newlogo { float:left; width:69%;}
#container #content #transition #newlogo img { float:left; width:100%;height:auto;}

#container #content #transition #clientpro { width:25%; float:right; background-color:#000; z-index:9999; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; padding:2%; display:block;}

#container #content #transition #clientpro form {float:left;}

#container #content #transition #clientpro form #submit { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; background-color:transparent; border:0; cursor:pointer; float:left; padding:0;  }

#container #content #transition #clientpro form #submitselected { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:bold; -webkit-font-smoothing: antialiased; text-decoration:none; background-color:transparent; border:0; cursor:pointer; float:left; padding:0; border-bottom:1px solid #fff; }

#container #content #transition #clientpro form #submit:hover {cursor:pointer;}

#container #content #transition #clientpro span {float:left;font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:12px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased; text-decoration:none; }

#container #content #main { width:96%; padding:2%; float:left; margin:0; background-color:#fff; overflow:hidden; position:relative;}

#container #content #secondary {width:96%; padding:2%;  float:left; margin:0; background-color:#fff; overflow:hidden;}

#container #content #secondary #findmeapro {display:block; height:80px; background-color:#ddd;}

#container #content #secondary .search {width:100%; overflow:hidden;}

#container #content #secondary .search .searchleft {width:240px; margin:0 10px 10px 0; float:left; overflow:hidden;}

#container #content #secondary .search .searchleft label {width:70px!important; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:20px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0; padding:5px 0;-webkit-font-smoothing: antialiased; display:block; }

#container #content #secondary .search .searchleft select {width:160px; margin:0; padding:5px; }

#container #content #secondary .search .searchright {width:100px; margin:0; padding:8px 0 0 0; float:left; overflow:hidden;}

.bridgepro {overflow:hidden; width:48%; height:auto; background-color:#ccc; float:left; margin:0 0 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:23px; height:23px; margin:147px 0 0 0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000;
  background-image:url(pro-bridge-images/b50.png); background-repeat:repeat;}

.bridgepro2 {overflow:hidden; width:48%; height:auto; background-color:#ccc; float:right; margin:0 10px 10px 0; background-image:url(pro-bridge-images/pro-bridge-professional-sil.jpg); background-repeat:no-repeat; background-position:center center;
}

.bridgepro2 a {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:23px; height:23px; margin:147px 0 0 0;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; text-align:center; -webkit-font-smoothing: antialiased; display:block; font-weight:bold; text-shadow:2px 2px 2px #000;
  background-image:url(pro-bridge-images/b50.png); background-repeat:repeat;}

#container #footer { width:96%; background-color:#eee; padding:2%; overflow:hidden; text-align:right;} 

#container #footer p {margin:0;}

h1 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 2% 0;-webkit-font-smoothing: antialiased;}

h2 {font-size:23px; line-height:25px; text-transform:capitalize;  color:#1a4630; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 2% 0;-webkit-font-smoothing: antialiased;}

h3 {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 2% 0;-webkit-font-smoothing: antialiased;}

h3 a {font-size:20px; line-height:25px; text-transform:capitalize;  color:#666; text-decoration:none; letter-spacing:-1px; font-weight:normal;font-family: 'Roboto Slab', serif; margin:0 0 2% 0;-webkit-font-smoothing: antialiased;}



p {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 2% 0;-webkit-font-smoothing: antialiased;}

p a {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:22px;  color:#1a4630; text-decoration:underline; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

ul {margin:0 0 2% 0; padding:0;}

ul li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:square;}

ol {margin:0 0 2% 0; padding:0;}

ol li {font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:25px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;margin:0 0 0 30px;-webkit-font-smoothing: antialiased; list-style-type:lower-roman;}

hr {height:1px; background-color:#ccc; margin:0 0 2% 0; border:0;}

td p {margin:0;}

td h4 { margin:0;}

.largeprobox { overflow:hidden;  padding:10px; background-color:#eee; border:1px solid #ccc; margin:0 0 2% 0; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);}

.largeprobox h2 {margin:0 0 10px 0;}
.largeprobox p {margin:0 0 10px 0;}
.largeprobox hr {margin:0 0 10px 0;}


#container #content #main #contactthispro { position:absolute; top:0; right:0; width:100px; height:100px; background-color:#ccc;  font-family: 'Roboto Slab', serif; font-size:20px;   color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased; cursor:pointer;  text-align:center; line-height:100px; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 2px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 2px 3px 0px rgba(50, 50, 50, 0.5);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;}

#container #content #main #contactthispro:hover { background-color:#ddd;}


#splashbody {margin:0px;padding:2%; background-color:#ab181e!important;   background-image:none;}
#splashinfo { width:100%; margin:0;  background-color:transparent;}

#splashinfo #prologin { display:none;}

#splashinfo #prologin a { display:none;}


#splashinfo #splashlogo { margin:0 auto;}

#splashinfo #splashlogo img {  text-align:center; margin:0 auto;}

#splashinfo #choices {display:none;}




#splashinfo #mobhome { padding:2%;  width:96%; }

#splashinfo #mobhome form { margin:0 0 2% 0;}

#splashinfo #mobhome form #submit {padding:2%;  width:96%; margin:0 0 4% 0; font-family:Verdana, Geneva, sans-serif; font-size:100%; line-height:20px;  color:#fff; text-decoration:none; letter-spacing:0; font-weight:normal; -webkit-font-smoothing: antialiased;  margin:0; border:0; cursor:pointer; background-color:transparent; background-image:none; float:left; text-align:left; }







.cycle-slideshow div p {color:#fff; font-size:20px; line-height:24px; text-align:center;}

#loginbox label {width:150px!important; float:left; display:block; margin:0 20px 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:13px;  color:#333; text-decoration:none; letter-spacing:0; font-weight:normal;-webkit-font-smoothing: antialiased;}

#loginbox input { padding:5px;  border:1px solid #777; background-color:#eee;}
#loginbox textarea { padding:5px;  border:1px solid #777; background-color:#eee;}


.alert { border:1px solid #ccc; padding:2%; background-color:#ddd; margin:0 0 2% 0;}
.alert p {margin:0;}

input.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important;}
input.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer;}

a.button {padding:10px!important; background-color:#222!important; color:#fff; border:0!important; text-decoration:none;}
a.button:hover {padding:10px!important; background-color:#000!important; color:#fff; border:0!important; cursor:pointer; text-decoration:none;}


form p {margin:2% 0 0 0; }
}