/* All the main styles and stylesheet imports
 *
 * @file		screen.css
 *
 * @type		strict
 * @browsers	Windows: IE6+, Firefox2+, Safari3+
 *				Mac OS: Safari3+, Firefox2+
 *
 * @link		http: //www.shoxty.com/
 * @copyright	2008 Will Robertson. All Rights Reserved.
 *
 */

/*===================================
	GLOBAL
===================================*/
@import "reset.css"; 

html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {background: #d9d9d9; text-align: center; height: 100%; /* for older browsers */}

#main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 950px;}

#header, #content, #modules, #footer {position: relative;}

a img {border: none;}
h1, h2{font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#8aa43e; padding-bottom:2px; margin:0; }
p {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; margin-bottom:15px;}
blockquote {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-style:italic; margin-bottom:15px;}
#main a, #footer .inside a, .side_item a {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#main a:hover, .side_item a:hover {text-decoration: underline;}
#sec .main_column a {color:#ff7c00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
#sec .main_column a:hover {text-decoration: underline;}

.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

/*===================================
	HEADER
===================================*/
#header {height: 106px; background: #fff url(../img2/header_bkg.jpg) repeat-x left top;}
#header .inside {height: 106px;}
#header .inside .logo {position: absolute; top: 30px; left: 70px;}
#header .inside .logo a {background: url(../img2/logo.jpg) no-repeat; width: 152px; height: 56px; display: block; text-indent: -9999px; overflow: hidden;}
#header .inside .signup_button {width: 150px; height: 51px; position: absolute; top: 0; right: 215px;}
#header .inside .signup_button a {background: url(../img2/signup.jpg) no-repeat left top; width: 150px; height: 51px; display: block; text-indent: -9999px; overflow: hidden;}
#header .inside .signup_button a:hover {background-position: left -51px;}
#header .inside .practice_login {position: absolute; top: 7px; right: 41px;}
#header .inside .practice_login a {background: url(../img2/btn_web-manager.gif) no-repeat left top; width: 169px; height: 33px; display: block; text-indent: -9999px; overflow: hidden;}
#header .inside .practice_login a:hover {background-position: left -33px;}

	/*----------------------------------
		MAIN NAV
	----------------------------------*/
	#header .inside .main_nav_container {height: 24px; width: 950px; position: absolute; bottom: 0;}
	ul.main_nav {margin: 0 auto; width: 870px; height: 24px; background: url(../img2/nav_bkg.jpg) repeat-x left bottom;}
	ul.main_nav li {float: right; list-style: none; display: inline-block; background: url(../img2/nav_divider.jpg) no-repeat right top; padding: 0 14px;}
	ul.main_nav li a {color:#0d70a3 !important; font-size: 14px !important; text-decoration: none;}
	ul.main_nav li a:hover, ul.main_nav li a.current {color: #8aa43e !important; text-decoration: underline;}
	ul.main_nav li a.current {color: #8aa43e !important; text-decoration: underline;}
	ul.main_nav li.last, ul.main_nav li.last a {background: none !important; padding-right: 0 !important;}
								
/*===================================
	MAIN CONTENT
===================================*/
#main #content {background: #fff;}
#main #content .inside {height: 289px; padding: 15px 0;}
#main #content .main_content {position: relative; margin: 0 auto; width: 870px; height: 289px; background: url(../img2/main_content_bkg.jpg) no-repeat;}
.main_content .promo {width: 465px; height: 165px; display: block; position: absolute; top: 69px; right: 0; padding: 15px 0;}
.main_content .promo p {color: #fff; font-size: 14px; line-height: 18px;}
ul.services_promo li span {font-size: 10px;}
ul.services_promo li {height: 22px; float: left; display: inline-block; color: #fff; font-size: 16px; padding: 10px 0 0 37px; width: 192px; margin-bottom:9px;}
ul.services_promo li.wd {background: url(../img2/icon_wd.jpg) no-repeat left top;}
ul.services_promo li.opf {background: url(../img2/icon_opf.jpg) no-repeat left top;}
ul.services_promo li.seo {background: url(../img2/icon_seo.jpg) no-repeat left top;}
ul.services_promo li.er {background: url(../img2/icon_er.jpg) no-repeat left top;}
#main #content .inside ul.services_promo a{ color: #fff; font-size: 16px; }
.main_content .button_portfolio {width: 132px; height: 24px; position: absolute; bottom: 15px; left: 15px;}
.main_content .button_portfolio a {background: url(../img2/button_portfolio.jpg) no-repeat left top; width: 132px; height: 24px; display: block; overflow: hidden; text-indent: -9999px;}
.main_content .button_portfolio a:hover {background-position: left -24px;}
.main_content .button_learn_more {width: 122px; height: 34px; position: absolute; bottom: 10px; right: 20px;}
.main_content .button_learn_more a {background: url(../img2/button_learn_more.jpg) no-repeat left top; width: 122px; height: 34px; display: block; overflow: hidden; text-indent: -9999px;}
.main_content .button_learn_more a:hover {background-position: left -34px;}
	
	/*----------------------------------
		MAIN MODULES
	----------------------------------*/
	#main #modules {height: 220px; background: #fff url(../img2/module_bkg.jpg) repeat-x;}
	#main #modules .inside {height: 220px; padding: 25px 0;}
	ul.modules_container {margin: 0 auto; width: 870px;}
	ul.modules_container li {list-style: none; width: 261px; float: left; margin-right: 38px;}
	ul.modules_container li.last {margin-right: 0;}
	ul.modules_container h2 {margin-bottom: 20px;}
	.img_left {float: left; padding: 0 10px 10px 0;}
	ul.modules_container li h2.wa {margin-bottom: 15px !important;}

/*===================================
	SECONDARY CONTENT
===================================*/
#sec #content {background: #fff;}
#sec #content .inside {padding: 15px 0;}
#sec #content .content_wrapper {width: 870px; margin: 0 auto;}
.main_column {padding: 30px 22px; width: 556px; float: left;}
.side_column {padding: 30px 11px; width: 248px; float: left;}
.header_sec_content {height: 70px; width: 870px; background: url(../img2/header_sec_content.jpg) no-repeat;}
.middle_sec_content {width: 870px; background: url(../img2/middle_sec_content.jpg) repeat-y;}
.footer_sec_content {height: 11px; width: 870px; background: url(../img2/footer_sec_content.jpg) no-repeat;}

/*--STYLES-------------------------*/
.header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;}
.main_column h2 {color: #00467f; font-size: 20px; margin-bottom: 5px;}
.main_column ul {margin-bottom:15px;}
.main_column ul li {background: url(../img2/li.jpg) no-repeat left top; padding:0 0 6px 18px;}
blockquote {background: url(../img2/quote.jpg) no-repeat left top; width: 415px; min-height: 50px; height: auto !important; padding:30px 0 0 35px;}
blockquote div {color: #316a98; padding: 15px 0 0 0;}
div.hr {height: 32px; width: 549px; background: url(../img2/hr.jpg) no-repeat; clear: both; margin-bottom: 15px;}
.box_container {width: 511px; margin-bottom: 15px;}
.box_container ul,li{margin:0;}
.box_top {background: url(../img2/box_top.jpg) no-repeat; width: 511px; height: 11px;}
.box_middle {border-left: 1px solid #00467f; border-right: 1px solid #00467f; width: 485px; padding: 0 12px;}
.box_bottom {background: url(../img2/box_bottom.jpg) no-repeat; width: 511px; height: 17px;}
.box_middle p {margin-bottom: 0 !important; padding-bottom: 8px;}
.box_middle h3 {color: #ff7c00; font-size: 18px; padding-bottom: 10px;}
.team_container {width: 511px; margin-bottom: 15px;}
.team_photo {width: 137px; float: left; margin-right: 15px;}
.team_desc {width: 359px; float: left;}
.team_desc h3 {color: #8aa43e; font-size: 16px; padding-bottom: 15px;}

/*--LOGIN-----------------------------*/
.login_container {position: relative; width: 451px; height: 287px; background: url(../img2/login_bkg.jpg) no-repeat;}
.login_form fieldset {padding: 0 20px;}
.login_form legend {color: #fff; font-size: 20px; padding: 20px 0 45px 0;}
.login_form label {font-weight: bold; display: block; padding-bottom: 6px;}
.login_form .field {padding: 5px 7px 0 7px; font-size: 18px; margin-bottom:20px; width: 296px; height: 29px; border: none; outline: none; background: none;}
.login_button {width: 199px; height: 34px; background: url(../img2/button_login.jpg) no-repeat; border: none; outline: none; cursor: pointer;}
.login_button:hover {background-position: 0 -34px;}

/*--SIGN UP-----------------------------*/
.signup_container {position: relative; width: 529px; height: 477px; background: url(../img2/bkg_sign-up-form.gif) no-repeat;}
.signup_form fieldset {padding: 0 20px;}
.signup_form legend {color: #fff; font-size: 20px; padding: 20px 0 45px 0;}
.signup_form label {font-weight: bold; display: block; padding-bottom: 6px;}
.signup_form .field {padding: 5px 7px 0 7px; font-size: 18px; margin-bottom:20px; width: 296px; height: 29px; border: none; outline: none; background: none;}
.signup_form .textarea {padding: 5px 7px 0 7px; font-size: 18px; margin-bottom:20px; width: 270px; height: 65px; border: none; outline: none; background: none;}
.sign-up_button {width: 129px; height: 34px; background: url(../img2/btn_sign-up.gif) no-repeat; border: none; outline: none; cursor: pointer;}
.sign-up_button:hover {background-position: 0 -34px;}

/*--CONTACT US--------------------------*/
.contact-us_button {width: 129px; height: 34px; background: url(../img2/btn_contact-us.gif) no-repeat; border: none; outline: none; cursor: pointer;}
.contact-us_button:hover {background-position: 0 -34px;}


.orange{ color:#ff7c00; font-weight:bold;}
#signup-left{ float:left; width:175px; font-size:12px; line-height:18px; }

/*--PORTFOLIO-----------------------------*/
.portfolio-row{}
.portfolio-site{ float:left; width:155px; padding-right:30px; padding-bottom:30px;}
.portfolio-site-name{ padding-bottom:8px;}


/*--SERVICES------------------------------*/

.services-options{ font-size:16px; width:50%; float:left; }
#sec .services-options a{ color:#000; font-size:16px; text-decoration:none; }
#sec .services-options a:hover{ color:#000; font-size:16px; text-decoration:underline;   }
.services-options-selected{ font-size:16px; width:50%; float:left; }
#sec .services-options-selected a{ color:#000; font-size:16px; text-decoration:underline; }
#sec ol,li{ line-height:18px; }


	/*----------------------------------
		SIDEBAR
	----------------------------------*/
	.side_item {margin-bottom: 15px;}
	.side_item h2 {margin-bottom: 8px;}
	.side_item h2 a {color: #8aa43e; font-size: 18px; text-decoration: none;}
	.side_item h2.other a {color: #00467f;}
	.side_item h2 a:hover {text-decoration: none;}
	
/*===================================
	FOOTER
===================================*/
#footer {height: 75px;}
#footer .inside {height: 52px; padding: 23px 0 0 0; text-align: center;}
#footer .inside a {text-decoration: underline !important;}
#footer .inside a:hover {text-decoration: none !important;}
#sec #footer {background: url(../img2/footer_bkg.jpg) repeat-x left top;}