body { background: #000000 url(../images/bg.jpg) repeat-x;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:normal;
text-decoration:none;
margin : 0px;
}




#header  { 
background: #000000;
width:800px;
height: 125px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;

} 

#logo { 
float:left;
width:125px;
height: 85px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 20px;
border-width : 0px;
border-style : solid;
border-color : green;

} 

#nav_menu { 
float:right;
width:275px;
height: 25px;
display: block;
text-align: center;
margin: 100px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;

} 


#sign  { 
background: #000000 url(../images/sign.jpg);
float:left;
width:14px;
height: 14px;
display: block;
text-align: center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;

} 


#sign2  { 
background: #000000 url(../images/sign.jpg);
float:left;
width:14px;
height: 14px;
display: block;
text-align: center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;

} 

#topbox  { 
float:left;
width:800px;
height: 177px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : yellow;

} 



#feature_box  { 
position:relative;
width:800px;
height: 177px;
text-align:center;
margin: 0px auto;
padding:0px 0px 0px 25px;
border-width : 0px;
border-style : solid;
border-color : white;

}


#topbox_left2  { 
float:left;
width:255px;
height: 155px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color :yellow;

} 


#getintouch_box  { 
float:left;
width:225px;
height: 155px;
padding: 0px 0px 0px 0px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color :yellow;

} 

#vertical_line  { 
float:left;
width:1px;
height: 177px;
padding: 0px 4px 0px 4px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;

} 



#topbox_left  { 
float:left;
width:360px;
height: 177px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 20px;
border-width : 0px;
border-style : solid;
border-color : red;

} 


#topbox_right  { 
float:left;
width:360px;
height: 177px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 20px;
border-width : 0px;
border-style : solid;
border-color : green;

} 









#topbox_middle  {

float:left;
width:226px;
height: 155px;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;

} 


#cap_tab  { 
float:left;
width:170px;
height: 23px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : #666;

} 

#git_tab  { 
float:left;
width:140px;
height: 23px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : #666;

} 


#ourwork_tab  { 
float:left;
width:120px;
height: 23px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;

} 

#brand_pic  { 
float:left;
width:64px;
height: 137px;
padding: 0px 8px 0px 0px;
margin: 3px 0px 0px 5px;
border-width : 0px;
border-style : solid;
border-color : red;

} 

#brand_tab  { 
float:left;
width:243px;
height: 23px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : #333;

} 

#brand_text  { 
float:left;
width:243px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

} 


#brand_text2  { 
float:left;
text-align:left;
width:170px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

} 


#getintouch_text  { 
float:left;
text-align:left;
width:140px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

}

#ourwork_text  { 
float:left;
width:123px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

} 

#brand_box  { 
float:left;
width:280px;
height: 150px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;

} 

#cap_box  { 
float:left;
width:170px;
height: 150px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;

} 

#git_box  { 
float:left;
width:120px;
height: 150px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;

} 



#middle_box  { 
float:left;
width:120px;
height: 150px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;

}

#more  { 
float:right;
width:85px;
height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

} 



#more2  { 
float:right;
width:55px;
height: 15px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:11px;
font-weight:normal;

} 


#nav_btn { 
background: #000000;
float:left;
width:80px;
height: 20px;
display: block;
text-align: center;
margin: 00px auto;
border-width : 0px;
border-style : solid;
border-color : green;

}

#nav_btn2 { 
background: #000000;
float:left;
width:80px;
height: 20px;
display: block;
text-align: center;
margin: 00px auto;
border-width : 0px;
border-style : solid;
border-color : green;

}



#nav_btn3 { 
background: #000000;
float:left;
width:80px;
height: 20px;
display: block;
text-align: center;
margin: 00px auto;
border-width : 0px;
border-style : solid;
border-color : green;

}




.clear { clear: both!important; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }


/* COMMON */
a { 
color : #cda617;
text-decoration : underline;
} 
a:link { 
color : #ffd022;
text-decoration : underline;
} 
a:visited { 
color : #cda617;
} 
a:active { 
color : #ffffff;
} 
a:hover { 
color : #cda617;
} 


/* LAYOUT */



#feature_container  {
height: 155px;
margin: 10px auto;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}


#flashbox  { 
background: #000000;
width:800px;
height: 200px;
display: block;
text-align: center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;

} 

/* top pic */

#toppic  { 

display: block;
text-align: center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;

} 

#content_box2  {
background: #000000;
display: block;
width:800px;
height: 480px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}

#content_box  {
background: #000000;
display: block;
width:800px;
height: 520px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}

#tab  {
background: #000000;
display: block;
width:800px;
height: 25px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}

#text_box  {
background: #000000 url(../images/text_box_bg.jpg) repeat-x;
width:796px;
height:94px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}


#text_box2  {
background: #1e1e1e url(../images/text_box_bg2.jpg) repeat-x;
width:796px;
height:240px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}


#text_box3  {
text-align:left;
width:780px;
padding:10px 0px 0px 0px;
margin: 0px 10px 5px 15px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#text {
float:left;
margin: 0px auto;
padding:10px 10px 10px 10px;
border-width : 0px;
border-style : solid;
border-color : green;
}


#gold {
color : #ffd022;
float:left;
margin: 0px auto;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
width:785px;
display: block;
}


#demo  {

width:768px;
height: 493px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}


#demo_box  {
position: relative;
background: #000000 url(../images/inside_bg.jpg) repeat-x;
display: block;
width:800px;
height: 440px;
margin: 0px auto;
border-width :0px;
border-style : solid;
border-color : green;
}


#contact_box  {
position: relative;
background: #000000 url(../images/inside_bg.jpg) repeat-x;
display: block;
width:800px;
height: 410px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}


#map_box  {
float:left;
width:300px;
height: 405px;
margin: 0px 5px 5px 10px;
border-width : 0px;
border-style : solid;
border-color : blue;
}



#rightform_box  {
float:left;
width:380px;
height: 405px;
margin: 0px auto;
padding:5px 5px 5px 5px;
font-size: 12px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
border-width : 0px;
border-style : solid;
border-color : yellow;
}


#rightform_box2  {
float:left;
width:400px;
height: 405px;
margin: 0px auto;
padding:5px 5px 5px 5px;
font-size: 12px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
border-width : 0px;
border-style : solid;
border-color : yellow;
}











#name {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}




#city {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#state {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#address {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#zip {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#email {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}




#phone {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}


#comments {
float:left;
width:100px;
font-weight:bold;
font-size: 11px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}


#name_title {
width:300px;
margin: 3px auto;
padding:0px 0px 2px 80px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#name_title2 {

width:400px;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#form_name {
float:left;
width:200px;
margin: 0px auto;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
}












#demo_box2  {
position: relative;
background: #000000 url(../images/inside_bg.jpg) repeat-x;
display: block;
width:800px;
height: 520px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
}

#footer
{
position: relative;
background: #000000;
display: block;
width:800px;
height: 25px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : green;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

#bottom_box  {
float:right;
width:800px;
height: 25px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : white;
}





#whatwedo_btn  {
float:right;
width:80px;
height: 20px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : white;
}

#facebook_box  {
float:right;
width:120px;
height: 22px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : white;
}


#line  {
text-align:center;
margin: 0px auto;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
}


#copyright  {
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:normal;
text-decoration:none;
text-align:center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}


#small  {
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align:left;
margin: 5px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}

#smallgold  {
font-family:helvetica, arial, verdana, sans-serif;
color : #ffd022;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align:center;
margin: 0px auto;
padding:10px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;
}



#smallcopy  {
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-align:center;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}

#bottom_text  { 
text-align:left;
width:770px;
padding: 0px 0px 0px 10px;
border-width : 0px;
border-style : solid;
border-color : red;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:normal;

}

#gold2 {
float:left;
width:380px;
font-weight:bold;
font-size: 12px;
color : #ffd022;
font-family:helvetica, arial, verdana, sans-serif;
margin: 2px 0px 2px 0px;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#contact_copy {
float:left;
width:350px;
font-weight:normal;
font-size: 12px;
color : #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
margin: 2px 0px 40px 0px;
padding:2px 0px 2px 0px;
border-width : 0px;
border-style : solid;
border-color : green;
}


#box_1  {
float:left;
width:390px;
height: 250px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 10px;
border-width : 0px;
border-style : solid;
border-color : yellow;
}

#box_2  {
float:left;
width:370px;
height: 320px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 10px;
border-width : 0px;
border-style : solid;
border-color : green;
}

#black_box {

float:left;
width:380px;
height:300px;
text-align: left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : red;

}


#form_box  {
float:left;
width:350px;

margin: 0px auto;
padding:5px 5px 5px 5px;
font-size: 12px;
color: #ffffff;
font-family:helvetica, arial, verdana, sans-serif;
border-width : 0px;
border-style : solid;
border-color : green;
}

#send_box {
text-align:left;
float:left;
width:330px;
margin: 0px auto;
border-width : 0px;
border-style : solid;
border-color : red;
}


#send {

width:80px;
margin: 10px auto;
padding:5px 5px 5px 5px;
border-width : 0px;
border-style : solid;
border-color : red;
}


#home_top{
	width:350px;
	text-align:left;
	float:left;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid red;

	
}


#box_3  {
float:left;
width:800px;
height: 100px;
margin: 0px auto;
padding:0px 0px 0px 0px;
border-width : 0px;
border-style : solid;
border-color : white;
}