/* 960.gs */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* yui font + resets*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a{outline: none}a:focus{outline: 1px dotted}
/* font-sizing:
10px -  77%   | 19px - 146.5%
11px -  85%   | 20px - 153.9%
12px -  93%   | 21px - 161.6%
13px - 100%   | 22px - 167%
14px - 108%   | 23px - 174%
15px - 116%   | 24px - 182%
16px - 123.1% | 25px - 189%
17px - 131%   | 26px - 197%
18px - 138.5%
*/

/*======== GENERAL ================================================================*/
html	{
	color:#000;
	background:url('img/bg.png') repeat-x #eee;
	
	}
body {
	text-align: left;
	line-height: 167%;/*20px*/
	/*
	background: #eee;
	*/

	}
/*======== TYPOGRAPHY ================================================================*/

h1	{ 
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:182%;/*22px*/
	}
h2	{
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:153.9%;/*20px*/
	}
h3	{ 
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif;
	font-size:138.5%;/*18px*/
	}
p	{
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif;
	font-size:118%;/*16px*/
	}
ul	{
	font-family: Trebuchet MS, Trebuchet, Helvetica, Arial, sans-serif;
	}

/*======== IMAGES ================================================================*/


/*======== HEADER ================================================================*/
#header h1 {
	color: #FFBC00;
	font-size:1100%;
	font-weight: bold;
	padding: 80px 0 40px 120px;
	letter-spacing: -3px;
	font-style:italic;
	text-shadow: 0px 0px 12px #000, 3px 3px 2px #000;
	}
#header h2 {
	color: #FFBC00;
	text-shadow: 2px 2px 15px #000, 3px 3px 2px #000;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:300%;
	font-weight: bold;
	padding: 25px 0 50px 240px;
	font-style:italic;
	}
#header a {
	display:block;
	text-decoration:none;
	}
/* #header h1:hover {
font-style: normal;
font-weight: normal;
}
#header h1:hover:after{
content: "!!!";
color: #f4008a;
} */

/*======== CONTENT ================================================================*/
#content {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #80DFFF;
	margin-top:20px;
	}

.para { }
.para h1 {
	font-weight: bold;
	font-size:250%;
	padding:20px 0px 10px;
	margin: 0 20px;
	border-bottom:5px solid #00BFFF;
	letter-spacing: -1px;
	}
.para h2 {
	font-weight: bold;
	font-size:150%;
	margin: 20px 20px 20px;
	letter-spacing: -1px;
	}	
.para h3:before{
	color: #f4008a;
	content: "\2217 \0020";
	}
.para h3 {
	padding: 20px 0 0;
	font-weight: bold;
	font-size:153.9%;/*15px*/
	}
.para p {
	margin: 20px 20px 20px;
	}
.para ul {
	font-family: Georgia, Times New Roman, Times, serif;
	margin: 20px 40px;
	line-height:23px;
	font-size:17px;
	}
.para ul li:before {
	font-style:normal;
	content:"\2217 \0020";
	color: #ff00aa;
	}
.para h1 + p:first-line {
font-weight:bold;
	}
.para p + p {
	text-indent: 1em;
	}
.para ul + p {
text-indent:1em;
}
.c_box:hover, .c_box:hover p{
	}

/*======== SIDEBAR ================================================================*/



/*======== FORMS ================================================================*/



/*======== NAVIGATION ================================================================*/

.nav { 
	margin: 10px 10px 20px 10px;
	}
.nav li { 
	text-align: left;
	float:left;
	margin-left:0px;
	}
.nav li + li {
	margin-left:20px;
	}
.nav a.selected {
	}
.nav li a {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
	width: 280px;
	padding: 15px 0 20px 10px;
	margin: 0 0 20px 0;
	border-left: 10px solid #B8FF00;	
	font-family: Arial Black, arial, helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;	
	letter-spacing: -1px;
	text-decoration: none;
	background:  #D0FF59;
	color: #000;
	}
#info li a {
	width: 440px;
	}	
#services li {
	margin-top:20px;
	}

#services li a {
	font-size:15px;
	width: 200px;
	height: 35px;
	background:#FFBC00;
	color:#FF00AC;
	}
.nav li a:hover {
	color: #fff;
	border-left: 10px solid #CC0088;
	background:  #ff00aa 
	}
	
.nav a.webservices {
	background:  #D0FF59 url(img/terminal.png) no-repeat 90% 40%;
	}
.nav a.webservices:hover {
	color:#fff;
	background:  #ff00aa url(img/terminal.png) no-repeat 90% 40%;
	}

.nav a.portfolio {
	background:  #D0FF59 url(img/picture.png) no-repeat 90% 40%;
	}
.nav a.portfolio:hover {
	color:#fff;
	background:  #ff00aa url(img/picture.png) no-repeat 90% 40%;
	}

.nav a.contact {
	background:  #D0FF59 url(img/send.png) no-repeat 90% 40%;	
	}
.nav a.contact:hover {
	color:#fff;
	background:  #ff00aa url(img/send.png) no-repeat 90% 40%;
	}


/*======== FOOTER ================================================================*/

#footer_text{
	margin-top:30px;
	border-top:1px solid #cffe72;
	padding:20px 0 0 10px;
	font-size:8px;
	color:#777;
	}
#footer_text a {
	color:#777;
	}
	
/*======== FORM */



#contact_form {
	font-family: Trebuchet MS, Arial, Helvetica, san-serif;
	color: #000;
	padding:0px 0px 20px;
	margin: 020px 0;
	}
#contact_form fieldset { 
border:3px dotted #00bfff;
padding:10px 10px 20px;
margin: 40px 20px 0;
	} 
#contact_form legend {
font-style:italic;
	font-weight: bold;
	font-size:150%;
	margin:0;
        padding:0 10px;
font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing: -1px;
	}
#contact_form dt {
	float: left;
	text-align: right;
	padding-right: 8px;
	width: 100px;
	margin-top: 8px;
	font-weight:bold;
	}
#contact_form dd {
	}
#contact_form input {
	width: 200px;
	margin-right: 8px; 
	border:1px #000 solid;
	margin-top: 10px;
	background: #e8e8e8;
	padding:2px;
	}
#contact_form select {
	height:20px;
	margin-right: 8px; 
	border:1px #000 solid;			
	margin-top: 10px;
	background: #e8e8e8;
	width: 200px;
	}
#contact_form .select_month { 
	width:86px; 
	}
#contact_form .select_day { 
	width:65px; 
	}
#contact_form textarea {
	height: 80px; 
	width: 350px; 
	border:1px #000 solid;
	margin-top: 10px;
	background: #e8e8e8;
	}
#contact_form .submit_button {
	border:1px #000 solid;
	margin:10px 0 0px 108px;
	padding:0;
	height:50px;
	font-family:Georgia,Times New Roman,Times,serif;
	font-style:italic;
	font-weight:bold;
background:#d0ff59;
	}
#contact_form .submit_button:hover {
	cursor:pointer; 
	background: #00bfff; 
	border: 1px #fff solid;
	color: #fff;
	}
#contact_form textarea:hover, form#contact_form input:hover, form#contact_form select:hover {
	background-color: #00bfff; 
	}
#contact_form textarea:focus, form#contact_form input:focus, form#contact_form select:focus {
	background-color: #fff; 
	color: #000; 
	border: 1px solid #00bfff !important;
	}