/* ######## BASICS ########### */
body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, img, form, fieldset, blockquote {margin:0; padding:0; border:none;}

body {text-align:center; background:#222 url('../images/bg_stripes.png') repeat; font:14px Arial, Helvetica, sans-serif;}

h1 {color:#cff; font:bold 36px Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h2 {color:#cff; font:bold 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; font-variant:small-caps;}
h3 {color:#f33; font:bold 20px Georgia, "Times New Roman", Times, serif; letter-spacing:1px;}
h4 {color:#cff; font:bold 20px Arial, Helvetica, sans-serif; margin:0 0 5px 0;}

p, li {color:#ddd;}
p {margin:0 0 15px 0; line-height:20px;}
ul {margin:0 0 15px 30px;}
li {margin:0 0 5px 0;}

a, a:visited {color:#09f; text-decoration:none;}
a:hover, a:active {color:#0cf; text-decoration:underline;}

* .clear {clear:both;}
	* .clear:after{content:""; display:block; clear:both;}
* .btn {display:block;}
* p.center_text {text-align:center;}
* p.sub_menu {padding:5px; background-color:#333;}
* span.price {color:#6F9; font-weight:bold;}
* .red_text {color:#f00;}
* .disclaimer {color:#999; font-size:8pt; font-style:italic;}
* .float_left {float:left;}
* .picture {margin:5px; padding:4px 4px 13px 4px; background-color:#eee; border:1px solid #ccc;}
* .phone_number {font:bold 24px Georgia, "Times New Roman", Times, serif;}
* .img_link {border:1px solid #777;}
	* .img_link:hover {border:1px solid #fff;}

.button, .button:visited {
	display:inline-block; height:auto; width:auto; 
	border:thick outset #06f; 
	color:#000; font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color:#b6c7ff;
	padding:.5em; margin:1em 0;
	letter-spacing:.1em;
	text-align:center;
	}
.button:hover {color:#05f; text-decoration:none; background-color:#fff;}
.button:active {color:#fff; text-decoration:none; background-color:#06c; border-style:inset;}

* ul.pricing_ul {list-style:none; margin:0 0 15px 0;}
* ul.pricing_ul li {background-color:#222; border-bottom:1px dotted #999; margin:0 0 15px 0; padding:5px 5px 0 5px;}
* ul.pricing_ul li ul {list-style:disc;}
* ul.pricing_ul li ul li {border:none; margin:0 0 5px 0; padding:0;}

/* ######## WRAPPERS ######## */
#wrapper_menu {width:100%; height:350px; background:#222 url('../images/bg_splash2.jpg') repeat-x; text-align:left; position:relative;}
	
#wrapper_main {width:930px; height:auto; margin:0 auto 20px auto; padding:15px; background:url('../images/bg_trans.png') repeat; text-align:left;}

#wrapper_main.non_index {}

/* ######## NAVIGATION ########### */
#main_menu {width:960px; height:50px; margin:0 auto; position:relative; z-index:100;}

#logo_small {position:absolute; top:5px;}
#menu {position:absolute; right:1px; text-align:right;}

#menu ul {margin:0;}
#menu li {list-style:none; display:block; float:left; margin:0;}

#menu a {font:14px Tahoma, Geneva, sans-serif; display:block; height:37px; padding:17px 20px 0 20px;}
#menu a, #menu a:visited {color:#ccc; text-decoration:none;}
#menu a:hover, #menu a:active {color:#fff; text-decoration:none; background:url('../images/bg_menu_hover.png') repeat-x;}
	#menu a.active_tab {color:#fff; background:url('../images/bg_menu_hover.png') repeat-x;}

#menu li ul {display:none; margin:0; text-align:left; background-color:#252223; position:absolute; top:47px; border:2px solid #ccc; border-top-color:#252223;}
#menu li:hover > ul {display:block;}

#menu li ul li {list-style:none; float:none; margin:0; padding:0;}
#menu li ul li a {font:12px Tahoma, Geneva, sans-serif; display:block; height:auto; padding:5px;}

/* ######## SPLASH ######## */
#wrapper_menu #splash{width:960px; height:300px; margin:0 auto;}
#wrapper_menu #splash #splash_left {float:left; background:url('../images/macbook.png') no-repeat; width:476px; height:300px;}
	#wrapper_menu #splash #splash_left ul 
		{list-style:none; position:relative; top:42px; left:54px; width:307px; height:193px; overflow:hidden;}
#wrapper_menu #splash #splash_right {float:right; width:484px; height:300px; background:url('../images/splash4.png') no-repeat;}
	#wrapper_menu #splash #splash_right h2 
		{text-indent:-9999px;}
	#wrapper_menu #splash #splash_right a.learn_more {width:390px; height:163px; position:relative; top:175px; left:35px; 
		background:url('../images/btn_learn_more.png') top no-repeat;}
	#wrapper_menu #splash #splash_right a.learn_more:hover {background-position:0 -163px;}
	
#wrapper_menu #splash2 {width:960px; height:300px; margin:0 auto; background:url('../images/bg_trans.png') repeat;}
#wrapper_menu #splash2 #splash_left {float:left; width:530px; height:300px;}
	#wrapper_menu #splash2 #splash_left img {position:relative; left:-25px; top:13px;}
#wrapper_menu #splash2 #splash_right {float:right; width:430px; height:300px; position:relative;}
	#wrapper_menu #splash2 #splash_right h1 {background:url('../images/bg_trans.png') repeat; border:3px solid #9ff; padding:0 10px; position:absolute; top:30%; width:407px;}
		
		
/* ######## MAIN WRAPPER ########### */
#wrapper_main #logo_img {position:relative; top:-40px; left:-50px; z-index:1;}

#wrapper_main h1.h1_logo_basic {text-indent:-9999px; margin:5px 0 10px 0; background:url('../images/pro2go.png') no-repeat; width:334px; height:54px; border:none;}
#wrapper_main div.offer {padding:15px; margin:0 0 25px 0; width:900px; background-color:#333; color:#fff;}

	#wrapper_main div.offer div.offer_text {width:590px; float:left;}
	#wrapper_main div.offer div.offer_text ul {margin:15px 0 0 30px;}
	
	#wrapper_main div.offer div.offer_extra {width:240px; float:right; padding:15px 0 0 0;}
	#wrapper_main div.offer div.offer_extra ul {list-style:none;}
	#wrapper_main div.offer div.offer_extra ul li {margin:0 0 7px 0;}
	#wrapper_main div.offer div.offer_extra a.order_now {color:#f33; padding:5px; margin:0 0 10px 0; font-size:20px; font-weight:bold; letter-spacing:1px; border-left:5px solid #555; background-color:#222;}
	#wrapper_main div.offer div.offer_extra a.order_now:hover {color:#fff; border-left:5px solid #777; background-color:#444; text-decoration:none;}

/* ######## COLUMNS ########### */
#wrapper_main #column_left {width:605px; float:left; border-right:1px solid #333; padding:0 15px 0 0;}
#wrapper_main #column_right  {width:298px; float:left; padding:0 0 0 10px;}

#wrapper_main #column_left .portfolio_piece {margin:0 0 20px 0; padding:0 0 20px 0;border-bottom:2px dotted #333;}
#wrapper_main #column_left .portfolio_piece img {float:left; margin:0 7px 0 0;}

#wrapper_main #column_right #spotlight{background:url('../images/spotlight.png') no-repeat top right; margin:0 0 20px 0;}
	#wrapper_main #column_right #spotlight img {width:295px; height:185px;}
	#wrapper_main #column_right #spotlight a {display:inline-block; font-size:16px; margin:10px 0 9px 0;}
#wrapper_main #column_right #quick_contact {background:url('../images/email.png') no-repeat top right;}


/* ######## FOOTER ########### */
#footer {margin:20px auto; padding:15px 0 0 0; width:930px; border-top:1px solid #333; text-align:center;}
#footer p {font:10px Arial, Helvetica, sans-serif; color:#555; margin:0 0 7px 0;}


/* ######## FORMS ######## */
form label {margin:0 0 10px 0; display:inline-block; width:200px; font:bold 16px Arial, Helvetica, sans-serif; color:#ddd;}
form input {margin:0 0 10px 0; padding:5px; background-color:#e9e9e9; font:bold 16px Arial, Helvetica, sans-serif; color:#333; border:2px solid #555;}
form textarea {margin:0 0 10px 0; padding:5px; background-color:#e9e9e9; color:#333; white-space:normal;}