/*
 
  CSS style information for Cobb Computing LLC.
 
 */

 /*
   GENERAL AND RESET
 */
  
*				{ margin: 0; padding: 0; }
body				{ font: 62.5% Georgia, 'Nimbus Roman No9 L', serif; background: #fcfcfc url("../images/bg.jpg");
				  width: 100%; text-align: center; } 
				/* Background image bg.jpg licensed under CC 2.0. Orig. Image: http://www.flickr.com/photos/jbennett/11544483/ */
															/* set font by em, 1em = 10px, 1.6em
															 = 16px and so on */
h1				{ font-size: 1.67em; } 		 							/* displayed at 20px, non standard */
h2				{ font-size: 1.5em; }  									/* displayed at 18px */
h3				{ font-size: 1.25em; } 	 								/* displayed at 15px */
h4				{ font-size: 1em; }  									/* displayed at 12px */
select, input, td, td		{ font-size: 2em; }
li li, li p, blockquote p, td p { font-size: 1em; }
a				{ text-decoration: none; color: #205ba4; outline: none; }
a:hover				{ color: #4d8bc9; }
img				{ border: none; }
ul				{ list-style: none; margin: 0; }
hr				{ clear: both; width: 100%; border: 1px dashed #ddd; margin: 20px 0 10px 0; }
input, textarea			{ outline: none; border: 1px solid #7a7a7a; }
table				{ border-collapse: separate; border-spacing: 2px; }
table td			{ display: table-cell; }

 /*
   PAGE AND DIVS SETUP
 */

#page-wrap			{ width: 960px; margin: 0 auto; }
.articletext			{ width: 470px; margin: 30px 0 0 0; float: left; }
.articletext hr			{ width: 87%; margin: 0 auto; }
.clear				{ clear: both; }
.fullwidth 			{ width: 100% }

 /*
   GENERAL TYPOGRAPHY
 */

#main-content 			{ font: 1em Georgia, 'Nimbus Roman No9 L', serif; color: #333; }
p				{ font-size: 2.4em; text-align: left; padding: 0 10px; margin: 0 0 25px 0; }
p.subnav			{ font-size: 2.0em; text-align: center; margin: 0 0 40px 0; line-height: 1.6em; width: 100%; }
.titletext			{ font-size: 4.8em; text-align: center; margin: 40px 10px 30px 10px; font-weight: normal; text-shadow: 1px 1px 1px #333; }
h2				{ font-size: 2.4em; padding: 0 30px 10px 0px; margin: 0; text-align: left; text-shadow: 1px 1px 1px #333;}
.articletext h2			{ padding-left: 30px; }
.articletext p,
.maphours p			{ font-size: 2.0em; margin: 0; padding: 0 0 30px 0; }
.articletext p			{ padding: 0 30px 30px 30px; }
.articlepics p			{ font-size: 1.8em; padding: 10px 0; }
p.large				{ font-size: 3.0em; text-align: center; margin: 0 10px; }
p.larger			{ font-size: 3.6em; text-align: center; margin: 50px 10px 50px 10px; }
span.smaller			{ font-size: 0.8em; }
.smlink				{ font-size: 0.8em; line-height: 2.8em;}
.centertext			{ text-align: center; }
.pullquote blockquote p		{ font-size: 2.0em; text-align: left; }
.pullquote p			{ float: right; font-size: 1.8em; margin: 5px 0 0 0; width: auto; }
.articletext .roundedgroup p	{ padding-bottom: 0; }
form label			{ text-align: left; font: 2.0em Georgia, 'Nimbus Roman No9 L', serif; clear: both;}
form label.error		{ color: red; font-size: 1.8em; }
form input			{ font: 2.0em Helvetica, san-serif; }
form textarea			{ font: 2.0em Helvetica, san-serif; }
td				{ font: 2.0em Helvetica, san-serif; }

 /*
   FOOTER
 */

#footer	li			{ font-size: 2.4em; text-align: center; float: left; padding: 0px 24px; margin: 40px 0; width: auto; }
	
 /*
   LOGO
 */

.logo				{ text-indent: -9999px; }
#logoleft			{ float: left; background: url("../images/logoleft.png"); width: 404px; height: 44px; margin: 40px 0 40px 0; }
#logoright			{ float: right; background: url("../images/logoright.png"); width: 480px; height: 98px; margin: 20px 0 20px 0;  }


 /*
   NAVIGATION
 */
             
ul#nav				{ clear: both; }
ul#nav li			{ display: block; float: left; width: auto; }
ul#nav li a			{ font: 3.6em Georgia, 'Nimbus Roman No9 L', serif; color: #333; padding: 0 0 0 48px; text-align: right; }
ul#nav li a:hover		{ color: #4d8bc9; }
ul#nav li#home a		{ padding-left: 10px; }
ul#nav2				{ clear: both; margin: 20px; }
ul#nav2 li			{ display: block; float: left; height: 92px; width: 212px;  }
ul#nav2 li a			{ font: 1.8em Georgia, 'Nimbus Roman No9 L', serif; color: #333; height: 92px; display: block; text-align: right; padding: 19px 0 0 0; }
ul#nav2 li a:hover		{ color: #4d8bc9; }
ul#nav2 li#home2		{ width: 77px; }
ul#nav2 li#home2 a		{ background: url("../images/home.png") no-repeat 10px 10px;  width: 77px; }
ul#nav2 li#about2		{ width: 195px; }
ul#nav2 li#about2 a		{ background: url("../images/about.png") no-repeat 32px 10px; width: 195px; padding: 27px 0 0 0;}
ul#nav2 li#services2		{ width: 182px; }
ul#nav2 li#services2 a		{ background: url("../images/services.png") no-repeat 24px 10px; width: 182px; padding: 27px 0 0 0; }
ul#nav2 li#testimonials2	{ width: 253px; }
ul#nav2 li#testimonials2 a	{ background: url("../images/testimonials.png") no-repeat 32px 10px; width: 253px; }
ul#nav2 li#contactus2		{ width: 213px; }
ul#nav2 li#contactus2 a		{ background: url("../images/contactus.png") no-repeat 14px 20px; width: 213px; }
ul#nav3 li			{ display: block; float: left; height: 24px; width: 240px; margin: 10px 0 30px 0; }
ul#nav3 li a			{ font: 2.4em Georgia, 'Nimbus Roman No9 L', serif; color: #205ba4; height: 24px; display: block; text-align: center; padding: 10px 0; }
ul#nav3 li a:hover		{ color: #4d8bc9; }

 /*
   ABOUT PAGE
 */
 
.articlepics			{ width: 150px; margin: 30px 0 0 10px; float: left; }
.maphours 			{ width: 300px; margin: 30px 10px 0 0; float: right; }
#aboutpic			{ margin: 44px 0 0 0; width: 136px; /* 150 - 6 border x 2 */ height: 179px; border: 1px solid #bbb; padding: 5px; background: #ddd; }
#apluspic			{ margin: 180px 0 0 0; }
#msregpartner			{ margin: 240px 0 0 0; }
#dellpartner			{ margin: 140px 0 0 0; }
#intelpartner			{ margin: 70px 0 0 0; }
#ontrackpartner			{ margin: 160px 0 0 0; }


 /*
   SERVICES PAGE
 */
 
#consultation			{ }
#virusremoval			{ }
#networking			{ }
#datarecovery			{ }
#repair				{ }
#maintenance			{ }
#installations			{ }
#otherservice			{ }

.roundedgroup			{ margin: 0px auto; padding: 0; }
.roundedgroup div		{ margin: 20px 10px ; padding: 30px 0; }
.roundedgroup div div		{ margin: 0; padding: 0;}
.roundedgroup div h2		{ margin: 0; }
.colorgroup1			{ background: #c4c4c4; }
.colorgroup2			{ background: #e4e4e4; }
table				{ margin: -58px auto 20px auto; padding: 0px; width: 50%; border: 1px solid #333333;}
table td			{ border: 1px solid #333333; }

 /*
   SERVICES AND PAY PAGE
 */
 
form input#paypalsubmit		{ width: auto; border: none; } 

 /*
   TESTIMONIALS PAGE
 */

.pullquote			{ width: 100%; margin: 0 0 80px 0; padding: 0; background: url('../images/quoteleft.png') no-repeat top left; }
.pullquote blockquote		{ width: 96%; margin: 0; padding: 20px; background: url('../images/quoteright.png') no-repeat bottom right; overflow: auto; } 

 /*
   CONTACT US PAGE
 */

form#contactform		{ width: 550px; height: 646px; overflow: visible; margin: 0 auto; }
fieldset 			{ border: none; }
form label			{ width: 530px; float:left; border: none;}
form label.error		{ position: absolute; top: 7px; left: 107px; border: none;}
form input			{ width: 530px; }
form textarea			{ width: 530px; height: 254px; overflow: auto;}
div.formsubmitwrap		{ width: 180px; height: 28px; padding: 15px; position: relative; top: -10px; left: 339px; 
				 -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
form input.submitbutton		{ width: 180px; position: absolute; right: 0px; top: 0px; margin: 15px; background: #c4c4c4; }
.contactfocus			{ background: #c4c4c4; }
.contacthover			{ background: #e4e4e4; }
div.formfieldwrap		{ width: 535px; padding: 5px 15px 15px 15px; margin: 0 0 0 -15px; position: relative;
				 -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }