html { background-color: #CC6600; background-image:url(/images/home2/bg_main.png); background-repeat:repeat-x; }

html body { background-color: #CC6600; background-image:url(/images/home2/bg_main.png); background-repeat:repeat-x; margin:0; text-align: center; }

.blue { color:#173C68 }

.gray { color:#6F7A84 }

.orange { color:#C76400 }

.green { color:#74AA04 }


/* Header */

#headertop_wrapper {width:756px; background-color:#000; margin:auto; padding:7px 0 0 0; position:relative; overflow:hidden;}

#headertop_left { float:left; width:630px; text-align:left }
#headertop_right { float:right; width:110px; text-align:right; background-color:#fff }
#tollphone {float:right;width:88px; text-align:right;}

#container { width:768px; margin-left:auto; margin-right:auto; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#6E92A2; line-height:1.6em; }

#container a:link,
#container a:visited { color:#DEDFDE; letter-spacing:normal; text-decoration:underline; }

#container a:hover { color:#C76400; }

/* Center */

#center_wrapper {width:768px; height:auto; background-image:url(/images/index/border_left_right.png); background-repeat:repeat-y;}

#center_div {width:756px; margin-left:6px; margin-right:6px; overflow:hidden;}

 /* Logo Row */
 
#logo_row_wrapper {width:756px; height:99px;}

#logo_row_right {width:546px; height:93px; float:right; background-image:url(/images/home2/top_gradient.png); background-repeat:no-repeat;}

#logo_row_left {width:210px; float:left;}
#logo_row_left a {position:relative}
#logo_row_left img {border:0;}

#shadow_leftright { width:768px; height:auto; background-image:url(/images/index/border_left_right.png); background-repeat:repeat-y; }

#top_shadow { width:768px; height:12px; background-image:url(/images/index/border_top.png); background-repeat:no-repeat; background-position:bottom; }

#footer_shadow { width:768px; height:34px; clear:both}

#footer {width:768px; height:40px; padding:2px 0 20px 0; text-align:center; clear:both; color:#FFF; letter-spacing:1px;}

#footer a:link,
#footer a:visited { color:#FFFFFF; letter-spacing:2px; text-decoration:none; cursor:text;}

#footer a:hover { color:#FFFFFF; letter-spacing:2px; text-decoration:none; cursor:text;}


#nav_top { padding-top:3px; width:756px; height:29px; background-image:url(/images/home2/nav_top.png); background-repeat:no-repeat; background-color:#000; color:#FFFFFF; letter-spacing:1px; text-decoration:none; text-align:right; }

#nav_top a:link,
#nav_top a:visited { color:#FFFFFF; letter-spacing:2px; text-decoration:none; font-weight:bold; }

#nav_top a:hover { color:#FFEAC4; font-weight:bold; }

#tagline {padding:35px 15px 0px 0px; margin-bottom:0; text-align:right}
#tagline h2 {margin-bottom:0;}
#services {padding:0px 15px 0px 0px; margin-top:-5px; top:0; text-align:right; color:#C76400; letter-spacing:1px; font-weight:normal; font-size:10px;}

#main_layer {width:756px; height:248px;}

#thumbnail_wrapper {width:756px; height:63px; background-image:url(/images/home2/bg_portfolio_nav.png); background-repeat:no-repeat; background-position:inherit; margin:0;}
table#thumbnail_table {width:430px; padding-top:2px;}

/* >>> MAIN PORTFOLIO LAYERS */

#portfolio_main {width:756px; height:248px; background-color:#264656; color:#FFF;
 font-size:11px; background-image:url(/images/home2/bg_main_portfolio.png);}

#portfolio_main_2 {width:756px; height:126px; background-color:#264656; color:#FFF; font-size:14px; padding-top:125px;
 margin:auto; background-image:url(/images/home2/bg_main_portfolio.png);}

#portfolio_loader {float:right; text-align:right; padding:10px 15px 0 0}

div#main_right { float:right; padding:95px 15px 0 0; color:#FFFFFF; line-height:1.1em; font-size:1.1em}

div#main_right a:link,
 div#main_right a:visited { color:#FFFFFF; text-decoration:none; cursor:pointer; }
 
 div#main_right a:hover { color:#FFFFFF; text-decoration:underline; cursor:pointer }

#bg_main_portfolio { width:756px; height:248px; background-repeat:no-repeat; cursor:pointer; }

.main_h1 { font-size: 14px; color: #ACF020; font-weight: bold; }

#main_h2 { font-size: 11px; color: #ACF020; font-weight: bold; }

#main_h2 a:link,
#main_h2 a:visited { color:#ACF020; letter-spacing:normal; text-decoration:none; }

#main_h2 a:hover { color:#FFEAC4 }

/* <<< MAIN PORTFOLIO LAYERS */


/* >>> SCROLLING LAYERS /// Specify width and height in hold and wn, and in clip for wn */
	 
div#hold { position:relative; overflow:hidden; width:360px; height:54px; z-index:100; }

div#wn { position:absolute; left:0px; top:0px; width:360px; height:54px; clip:rect(0px, 360px, 54px, 0px); overflow:hidden; z-index:1; } /* orignally width:400px; */

div#lyr1 { position:absolute; left:0px; top:0px; z-index:1; height:54px; }

/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:700px }

table#t1 td { width:67px; height:54px; vertical-align:middle; text-align:center; }

table#t1 td a img { display: block; vertical-align:middle; text-align:center; padding: 0px; margin-right:5px; border:0 }

td.arrows { padding-top:4px; }

/*table#t1 td a:hover img { display: block; width:67px; height:54px; vertical-align:middle; text-align:center; padding: 0px; }*/

 /*Styles for demo, not necessary for scrolling layers   
td.thumb {
 vertical-align:middle; text-align:center;	
}
td.thumb a img { border-spacing:4px; border:2px #666666 solid;}
td.arrows { width:37px; }



td.spacer { width:38px }*/

/* <<<< SCROLLING LAYERS <<<< */

#low { width:756px; /* height:135px; */ color:#6F7A84; background-color:#FFFFFF; background-image:url(/images/home2/bg_lower.jpg); background-repeat:no-repeat; }

#low_left {width:380px; float:left;}

h3#heading_one {margin:30px 0 0 0; padding:0 0 0 32px;}

#heading_one_copy {padding:10px 0 0 44px;}

#heading_one_copy p:first-child {margin-top:0}

#launches_wrapper {width:380px; float:left;}

#launches_wrapper h3 {padding:20px 15px 5px 32px; margin:0}

/* NEW WEBSITES BLOCK */

#new_websites { width:inherit; line-height:1.3em; color:#6F7A84;padding:10px 15px 5px 44px; }

#new_websites a:link,
#new_websites a:visited { color:#C76400; text-decoration:none; display:block; }

#new_websites a:hover { color:#74AA04; text-decoration:none; }

/* Form Div */

#form_wrapper {width:320px; float:right; text-align:left;}
#form_wrapper h3 {margin-top:30px; padding:0 13px 5px 0px;}

#form_container {padding:10px 0 0 10px; margin-right:10px;}

/* Testimonials */

#testimonial_wrapper {width:320px; float:right; overflow:hidden;}
#testimonial_wrapper h3 {padding:20px 13px 5px 0px;}

#testimonial_container {padding:10px 43px 5px 12px;}
#testimonial_container p:first-child {margin:0;}


/* /// LOW 2 LAYER /// */

#low2 { width:756px; color:#74AA04; background-color:#FFFFFF; line-height:1.4em; }

.row_nh { font-size:11px; color:#FFEAC4; letter-spacing:2px; text-decoration:none; height:27px; border-top:1px solid #333333; vertical-align:middle; }

td.row_nh a:link,
td.row_nh a:visited { color:#FFEAC4; letter-spacing:2px; text-decoration:none; font-weight:bold; }

td.row_nh a:hover { color:#FFEAC4; }

/* /// SIFR STYLES /// */
p { margin: .5em 0 1em 0; }

a:link,
a:visited { text-decoration: none; color: #000099; }

* a { position:relative; }

h1,
h2,
h3,
h4,
h5 { font-family: Helvetica, Arial, Verdana, sans-serif; margin: 0; padding: 0; line-height:1em; }

h1 { font-size: 12px; color: #FFF; font-weight:normal; background-color:#000 }



h2,
h3 { font-size: 16px; color:#173C68; letter-spacing:-0.5px }

h4 { font-size: 12px; color:#6E92A2; }
h4.phone { font-size: 16px; color: #86B1C5; background-color:#000 }

h5 { font-size: 24px; }

#pullquote { float: right; margin: 0 0 .4em 1em; width: 145px; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-size: 20px; line-height: 1.3em; }

/*
>>>
>>> CONTACT FORM >>
>>>
*/

.ddfmerrors { display: block; color: #FF0000; float: left; text-align: left; margin: 0 10px 0 0; padding-bottom: 15px; }

.errorlist { float: left; display: block; color:#CC6600; font-weight:normal; margin-bottom: 15px; padding: 3px; }

#form-body { width:280px; }

#form-body form { float: left; /*width: 199px;*/ width: 280px; }

#form-body form div { padding: 0 0 4px; text-align: left; }

#form-body form div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html #form-body form div { height: 1px; }
#form-body form div { display: block; }
/* End hiding from IE-mac */

#form-body form label { float: left; width: 49px; text-align: left; color:#6F7A84; margin-left:3px; }

#form-body form input.fmtext,
 #form-body form textarea { float: left; /*width: 139px;
			widt\h: 134px;*/ /*width: 149px;
			widt\h: 144px;*/ width: 220px; widt\h: 215px; border: 1px solid #173C68; background-color: #CC6600; padding: 3px 0 2px 3px; margin: 0 0 4px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; }

#form-body form input.fmtext:focus,
 #form-body form textarea:focus { background: #fff; color:#173C68; }

#form-body form input.fmtext.error,
 #form-body form textarea.error { border:1px solid #a80000; }

#form-body form textarea { /*margin: 0 0 0 0px;*/ overflow: auto; }

#form-body form #send { border: 1px solid #173C68; background: #fff; padding: 1px 8px; margin: 2px 0 0; color: #173C68; font-weight: bold; float:left; cursor: pointer; }

#form-body form #send:focus { color: #FFF; background: #173C68; }

* html #form-body form #send { padding: 1px 4px; }

/* Messages in form */
#form-body form p.message { margin: 3px 0 13px 17px; line-height: 1.2em; font-size: 90.91%; }

#form-body form p.message strong { display: block; }

/*
<<< 
<<< END CONTACT FORM <<
<<<
*/