body 
{
	background:#062A30 url('../images/bg_main.gif') repeat-x scroll center top;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:62.5%;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.8em;
	margin:0;
	padding:0;
	text-align:center;
}

.clear{clear:both;}

a:link, a:visited, a:active, a:hover
{
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

img 
{
	border-style:none; 
	border-width:0px;
}

#wrapper 
{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	position:relative;
	text-align:left;
	width:1000px
}

#header 
{
	width:1000px;
}

#main
{
	padding: 0 0 10px 0;
	width:1000px;
}

#twitter
{
	position:absolute;
	left:949px;
	top:190px;
}


#sub_nav
{
	background-color:White;
	left:0px;
	line-height:20px;
	position:absolute;
	top:190px;
	width:221px;
	height:303px;
}

#sub_nav_contact
{
	background-color:White;
	left:0px;
	line-height:20px;
	position:absolute;
	top:190px;
	width:221px;
	height:219px;
}

#sub_nav_services
{
	background-color:White;
	left:0px;
	line-height:20px;
	position:absolute;
	top:190px;
	width:221px;
	height:320px;
}

#sub_nav_portfolio
{
	background-color:White;
	left:0px;
	line-height:20px;
	position:absolute;
	top:190px;
	width:221px;
	height:260px;
}

#sub_nav_company
{
	background-color:White;
	left:0px;
	line-height:20px;
	position:absolute;
	top:190px;
	width:221px;
	height:180px;
}


    
#sub_nav_inner
{
	width:221px;
	height:122px;
	background-image: url(../images/bg_topsub3.gif);
}

#sub_nav_content
{
	color:#D8D8D8;
	font-size:14px;
	margin:0px 0px 0px 14px;
	padding:0px 0px 0px 20px;
	background-color:#3F8F76;
	position:absolute;
	top:60px;
	width:187px;
	text-align:left;
}

#sub_nav_content #jump
{
 font-size:15px;
 margin-left:15px;
}

#sub_nav_content ul
{
	list-style-type:none;
	padding: 0 0 15px 15px;
	margin:0;
}

#sub_nav_content li
{
	width:150px;
}

#sub_nav_content li.active
{
	background-color:#34373B;
}

#sub_nav_content li:hover
{
	background-color:#34373B;
}



#sub_nav_content h1, #sub_nav_content h2
{
	text-decoration:underline;
}


#footer
{
	clear:both;
	color:#7E7D70;
	font-size:1.1em;
	line-height:2.4em;
	padding-top:10px;
	padding-left:100px;
	text-align:center;
	border-top:solid 1px #aaaaaa;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#7E7D70;
text-decoration:none;
}
#footer a:hover
{
	color:#FFFFFF;
}

/* menu  old*/	
.menu { padding:10px 0px 20px 240px; margin:0px; width:900px;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0px 0px 0px 25px; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 0; color:#1b1b1b; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:13px; background:none;}
.menu ul li a:hover { background: url(../images/r_menu2.gif) no-repeat right; color: #FFFFFF}
.menu ul li a:hover span { background:url(../images/l_menu2.gif) no-repeat left; color: #FFFFFF}
.menu ul li a.active {background:url(../images/r_menu2.gif) no-repeat right; color: #FFFFFF}
.menu ul li a.active span { background:url(../images/l_menu2.gif) no-repeat left; color: #FFFFFF}

/* menu  lava*/
.lavaLampNoImage 
{
	position: relative;
	height: 29px;
	width: 700px;
	padding: 10px 15px;
	margin: 0 0 0 240px;
	overflow: hidden;
}
.lavaLampNoImage li 
{
	float: left;
	list-style: none;
	margin-right:25px;
}
.lavaLampNoImage li.back 
{
	border: 1px solid #062A30;
	background-color: #348898;
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
}
.lavaLampNoImage li a 
{
	font: 13px Verdana, arial, helvetica san-serif;
	text-decoration: none;
	color: #000;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited 
{
	border: none;
}


/********** content slider **********/
#slider	{ /*background: #5F9EA0 url(../images/slider-bg.jpg);*/ height: 280px; overflow: hidden; position: relative; margin: 0; width:100%; text-align:left; }
	/* DEFAULT is for three panels in width, adjust as needed. This only matters if JS is OFF, otherwise JS sets this. */								  
#mover	{ width: 2880px; position: relative;}
.slide	{ padding: 20px 15px; width: 900px; float: left; position: relative; }
.slide h1 { font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: 0px; color: #ccddff; line-height:30px; }
.slide p { color: #000000; font-size: 12px; line-height: 22px; width: 300px; }
.slide img { position: absolute; top: 20px; left: 330px; border:solid 2px #99CCCC; }
.slide a:link, .slide a:visited, .slide a:active {color:#FFFFFF; text-decoration:none;}
.slide a:hover{color:#FFFFFF; text-decoration:underline;}
#slider-stopper	{ position: absolute; top: 0px; left:690px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/*****Testimonials**********/
.whom { margin:0; padding:0px 30px 0px 0px; text-align:right; color:#006679; font-size:14px;}
.say { width:600px; margin:20px auto 5px auto; padding:2px 0px 0px 0px; background:url(../images/say_bg3.gif) top no-repeat; height:116px; color:#006679;}
.say p { width: 400px; font-size:11px; padding: 0px; margin-left:130px; }
.bg { clear:both; border-bottom:1px solid #c8c8c8; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}

/*****Services**************/
.service {margin:30px 0px; width:450px;}
.service .bg_holder {background:transparent url(../images/interface/services/more_arrow.png) no-repeat scroll right bottom;}
.service a {text-decoration:underline; font-size:20px; padding: 10px 0px;}
.service a:hover {color:#cccccc; }
.service img {background:transparent none repeat scroll 0 0; margin:0; width:100px;}
.service p { width:500px; border-top-style:groove; border-top-width:2px; border-top-color:#EEEEEE;}
.service_item {float:left; margin: 0 23px 15px;}


/********** Flip Portfolio **********/
/*.sponsorListHolder{margin:0 0 0 60px; text-align:center;}
.sponsor{width:250px; height:250px; float:left; margin:0 30px 100px 0; position:relative; cursor:pointer;}
.sponsor a{color:#0196E3;}
.sponsorFlip{position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/flip_bg.jpg") no-repeat center center #EDEDED;}
.sponsorFlip:hover{ -moz-box-shadow:0  0 30px #999 inset; -webkit-box-shadow:0 0 30px  #999 inset; box-shadow:0  0 30px #999 inset;}
.sponsorFlip img{position:absolute; top:40%; left:28%; margin:-100px 0 0 -70px;}
.sponsorTitle {font-weight:bold; font-size:16px; text-align:center; color:#666666; margin-top:15px;}
.sponsorData{display:none;}
.sponsorDescription{font-size:11px; padding:10px 10px 10px 20px; font-style:italic; color:#666666; text-align:center;}
.sponsorDescription img {float:left; position:relative; margin:0; top:0; left:0;}
.sponsorDescription li {text-align:left;}
.sponsorURL{font-size:10px; font-weight:bold; padding-left:20px; color:#0196E3; text-align:center;}
.sponsorURL a:hover{text-decoration:underline;}*/

/**********New Portfolio*************/
img.client_port{border: solid 1px #999999;}
img.client_port_mobile{border:none; margin: 0 50px;}
a.more_info{background: url('../images/interface/portfolio/more.png') no-repeat left top; width:150px; height:30px; margin: 15px auto 0 auto; display:block;}
a.more_info:hover{background: url('../images/interface/portfolio/more_red.png') no-repeat left top;}

a.live_site{margin: 30px auto 0 auto; background: url('../images/interface/portfolio/live.png') no-repeat center bottom; display:block; width:200px; height:42px;}
a.live_site:hover{margin: 30px auto 0 auto; background: url('../images/interface/portfolio/live_ro.png') no-repeat center bottom;}

.project_info{margin:0; width:100%; text-align:center;}
.project_info h3{ font-size:18px;}
.project_info ul{text-align:left; margin-left: 40px;}

#iphone_right_col #image{height:400px; width:206px;}
	
#iphone_container {width:760px;}
    
#iphone_left_col {width:206px; float:left;}
    
#iphone_right_col {float:left; width:100px}
		
#iphone_right_col .thumb{float:right; margin-bottom:10px;}

/********** contact form **********/
.form { width:560px; margin-top:40px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; float:left;}
#contactform * { color:#004466;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:10px 0px; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 16px Arial, Helvetica, sans-serif; color:#002830; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#F00;}
#contactform input.text { width:285px; border:1px solid #cccccc; margin:0px 0; padding:0px 5px; height:18px; background:#cccccc; font-size:15px; outline:none;}
#contactform textarea {font-family:Verdana,Arial,Helvetica,sans-serif; width:285px; border:1px solid #cccccc; margin:0px 0; padding:0px 5px; background:#cccccc; height:250px; overflow:auto; font-size:15px; outline:none; resize:none;}
#contactform select {width:285px; border:1px solid #cccccc; margin:0px 5px; padding:0; height:25px; background:#cccccc; font-size:15px;}
#contactform select option {margin:0; padding: 0 5px;}
#contactform li.buttons input { padding:10px 0px; margin:0px 0px 0px 0px; border:0; color:#FFF;}
#Service_Required label {width:200px; font-size:15px; height:18px; background:#cccccc; }
#sent_response{text-align:center; color:#990000; font:normal 21px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
.roundedcornr_box {background: #cccccc; width:300px;}
.roundedcornr_top div {background: url(../images/interface/contact/input_tl.png) no-repeat top left;}
.roundedcornr_top {background: url(../images/interface/contact/input_tr.png) no-repeat top right;}
.roundedcornr_bottom div {background: url(../images/interface/contact/input_bl.png) no-repeat bottom left;}
.roundedcornr_bottom {background: url(../images/interface/contact/input_br.png) no-repeat bottom right;}
.roundedcornr_top div, .roundedcornr_top, .roundedcornr_bottom div, .roundedcornr_bottom {width: 300px;height: 10px;}
.roundedcornr_content { margin: 0 0px; }
.contact_header {float:left; margin:0; padding:5px 0; font:normal 15px Arial, Helvetica, sans-serif; color:#002830;}

fieldset {
border:#000000 solid 1px;
padding:1px 10px;
}

#main_left_col
{
	float:left;
	padding-top:50px;
	width:220px;
}

#main_right_col
{
	background: #5F9EA0; /*FFFFCC*/
	float:left;
	font-size:1.3em;
	line-height:20px;
	width:780px;
	margin: 0px 0px 15px 0px;
}

#service_header
{
	font-size:20px;
}

#main_content
{
	padding: 0 20px 0;
	min-height:500px;
}

#banner
{
	text-align:center;
}

#main_content_text
{}

#main_content_text a:link, #main_content_text a:visited, #main_content_text a:active 
{
	color:#FFFFFF;
	text-decoration:underline;
}
#main_content_text a:hover
{
	color:#dddddd;
	text-decoration:underline;
}

#main_content_text img.port 
{ 
	float:right; 
	margin:10px 30px 10px 10px; 
	padding:0;
}



.main_content_box {
   background: #5f9ea0;
}
.main_content_box_top div {
   background: url(../images/interface/main_content_tl.png) no-repeat top left;
}
.main_content_box_top {
   background: url(../images/interface/main_content_tr.png) no-repeat top right;
}
.main_content_box_bottom div {
   background: url(../images/interface/main_content_bl.png) no-repeat bottom left;
}
.main_content_box_bottom {
   background: url(../images/interface/main_content_br.png) no-repeat bottom right;
}

.main_content_box_top div, .main_content_box_top, 
.main_content_box_bottom div, .main_content_box_bottom {
   width: 100%;
   height: 20px;
   font-size: 1px;
}
.main_content_box_content { margin: 0px; padding: 0px; }


#address_book{ font-size:14px; float:left; margin-top:30px; text-align:center; width:400px;}


/********** Social Media **********/
#social_home
{
	margin: 330px 0 0 0;
}
#social_services
{
	margin: 340px 0 0 0;
}
#social_portfolio
{
	margin: 280px 0 0 0;
}
#social_company
{
	margin: 210px 0 0 0;
}
#social_contact
{
	margin: 240px 0 0 0;
}

#social td
{
	padding: 10px 10px;
}

#social table
{
	padding-left:20px;
}

#social a
{
	color:#86B5B6;
	text-align:center;
	font-size:12px;
}
#social a:hover
{
	text-decoration:none;
}
#social img
{
	padding:0 0 5px 0;
}

#social h3
{
	font-family:Georgia, Serif;
	color:#609D9F;
	font-size:16px;
	padding: 0 0 0 15px;
}

#contact_tab
{
	margin-top:15px;
}

#contact_tab a
{
	background: url('../images/interface/quote_tab.gif') no-repeat 0 0;
	width:194px;
	height:40px;
	display:block;
	margin:0 0 0 27px;
	padding:0;
}

#contact_tab a:hover
{
	background: url('../images/interface/quote_tab_ro.gif') no-repeat 0 0;
}

#clear{clear:both;}