/* Copyright Dotcomr 2010 */
/* Import Fonts */
@font-face {
	font-family: 'TitilliumText22LBold';
	src: url('fonts/TitilliumText22L005-webfont.eot');
	src: local('?'), url('fonts/TitilliumText22L005-webfont.woff') format('woff'), url('fonts/TitilliumText22L005-webfont.ttf') format('truetype'), url('fonts/TitilliumText22L005-webfont.svg#webfontA3c8XzqP') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Text Selection Color*/
::selection {background: #9bcd6a; /* Safari */}
::-moz-selection {background: #9bcd6a; /* Firefox */}
/* Entire Page / Body / Img, P, A */
*{
margin:0;
padding:0;
}
body{
background: #183b60 url('images/bg.gif') repeat-x; 
color: #FFFFFF;
}
.pic{border: 3px solid #e2752a;}
p{margin-bottom:1.75em;}

#content a{
color: #00aeef;
}
/* Page Structure */
#wrapper{
margin: -190px auto;
width: 780px;
}
#content{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
width: 750px;
color: #333333;
margin: 0 auto;
}
#header{
margin: 0 auto;
background: url('images/dotcomr_logo.png') no-repeat;
width: 480px;
height: 344px;
}
.headtext{
font: 12px/22px 'TitilliumText22LBold', Arial, sans-serif;
position: relative;
top: 135px;
left: 230px;
}
/* Nav */
#nav_box{
background: #9bcd6a;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
width: 750px;
height: 20px;
color: #FFFFFF;
margin: 0 auto;
text-align: center;
font: 16px/24px 'TitilliumText22LBold', Arial, sans-serif;
} 	
#nav_box ul li{
display: inline;
list-style-type: none;
padding: 10px;
}
#nav_box ul li a{
color: #FFFFFF;
text-decoration: none;
}
#nav_box ul li a:hover{
color: #24608f;
}
/*Info box*/		
#info_box{
background: #e2752a;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
color: #FFFFFF;
margin: 10px;
} 
#info_box a{
color: #FFFFFF;
text-decoration:none;
border: 0;
}
/* Projects */
#project{
text-align: left;
padding: 10px;
margin: 5px;
}
#project a{
font: 22px/22px 'TitilliumText22LBold', Arial, sans-serif;
color: #e2752a;
text-decoration: none;
}
#projects{
padding: 10px;
font-size: 16px;
}
#projects ul li{
list-style-type: none;
padding: 3px;
font-weight: bold;
}
#project1{color: #00aeef;}
#project2{color: #9bcd6a;}
#project3{color: #e2752a;}
/* Footer */
#footer {
font-family: Arial, Helvetica, sans-serif;
padding-top: 10px;
font-size: 12px;
color: #FFF;
text-align: center;
margin-bottom: 5px;
}
#footer a{
color: #00aeef;
}
/* Heading's */
h1{
font-family: 'TitilliumText22LBold', Arial, sans-serif;
font-size:2.0em;
font-weight:normal;
letter-spacing:1px;
color:#e2752a;
}
h2 {
font: 19px/22px 'TitilliumText22LBold', Arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
color:#e2752a;
}
h3{
font: 18px/18px 'TitilliumText22LBold', Arial, sans-serif;
font-weight:normal;
letter-spacing:1px;
color:#FFFFFF;
}
/*recaptcha styles */
#divrecaptcha{
    width:500px;
    font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
#controls {
width:180px;
padding-top: 10px;
float:right;
}
#recaptcha_image{
    padding:2px; background:#f9f9f9;
    border:1px solid #e0e0e0;
}
#recaptcha_response_field {
   border: 1px solid #999 !important; //Text input field border color
   background-color:#ccc !important; //Text input field background color
   width:120px !important;
   padding:5px;
}
#divrecaptcha a{
     font-size:11px;    font-family:Verdana;
    text-decoration:none; color:#3366ff;
}
#divrecaptcha a:hover{
color:113399;
text-decoration:underline;
}
.recaptcha_only_if_image{font-size: 10px;}
.recaptcha_only_if_audio{font-size: 10px;}
/*Contact Page */
.req{color: #FF0000;}
input[type='text']{
font-family: Arial, Helvetica, sans-serif;
border:1px solid #999999;
padding:2px;
padding-bottom:1px;
font-size: 12px;
}
input[type='submit'] { 
font: 18px/18px 'TitilliumText22LBold', Arial, sans-serif;
border:1px solid #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
padding:2px;
padding-bottom:0px;
background:#00aeef;
color:#FFFFFF;
padding: 10px;
}
textarea{
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#ErrorBox{
background-color: #00aeef;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
color: #FFFFFF;
}
#info_box #contactButton{
text-align: center;
background-color: #00aeef;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;
border: 1px solid #FFFFFF;
}
#contactButton a{
font: 16px/18px 'TitilliumText22LBold', Arial, sans-serif;
font-size:1.6em;
color: #FFFFFF;
}
.sendit{
width: 200px; margin: 10px; text-align: center;
}
.toolkit ul li{
margin-left: 20px;
list-style-type: none;
color:#FFFFFF;
font-weight: bold;
}
/* Projects Page */
#project_group{
width: 90%;
text-align: center;
}
.project{ 
padding: 10px;
}