/*************************************************************************
  *      _____          _        _______ _     _      _                    *                
  *     / ____|        | |      |__   __| |   (_)    | |                   *                
  *    | |     ___   __| | ___     | |  | |__  _ _ __| |_ ___  ___ _ __    *
  *    | |    / _ \ / _` |/ _ \    | |  | '_ \| | '__| __/ _ \/ _ \ '_ \   * 
  *    | |___| (_) | (_| |  __/    | |  | | | | | |  | ||  __/  __/ | | |  * 
  *     \_____\___/ \__,_|\___|    |_|  |_| |_|_|_|   \__\___|\___|_| |_|  * 
  **************************************************************************
  *                      The full content of this file is                  *
  *                 copyright of Code:Thirteen Design Studio               *
  *                   NO UNAUTHORIZED REPRODUCTION ALLOWED                 *
  *            feel free to use my code to learn with as we all do         *
  *                just don't use my images as I WILL find you             *
  *                contact me at: tutmeister[AT]gmail[DOT]com              *
  *************************************************************************/
/********** =global reset and body style **********/
*, html {
margin:0; 
padding:0; 
border:0; 
font-family:'Segoe UI', Verdana, Arial, sans-serif; }
body { 
margin:0; 
padding:0; 
background:#414141;
font-size:62.8%; } 

/********** Basic Typography styles **********/
h1, h2, h3, h4 {
margin-top:5px;
color:#d0071a;
font-weight:bold;}
h1 {
text-align:center;
font-weight:bold;
margin-top:20px;
font-size:3.5em;
line-height:1.75em;
letter-spacing:.20em;
display:none; }
h2 { 
font-size:2.60em;
text-align:center; 
line-height:2.40em;
font-variant:small-caps;}	
h3 { 
font-size:1.8em; 
line-height:1.60em;
background:#dbdbdb url(../images/h2_bg.jpg) repeat-x top left;
color:#d0071a;
padding-left:.5em;
}
h4 { 
font-size:1.8em; 
line-height:1.60em;
background:#fff url(../images/h2_bg.jpg) repeat-x;
padding-left:0.5em;
text-align:center;
height:2em;
clear:both;
}
.h2{color:#f3f3f3;}
p, span { margin: 0 10px; color: #444; font-weight: normal;}

p { font-size: 1.3em; line-height: 1.6em; text-align:left;margin:1.2em 0; }

div { padding: 10px 0;}

a {color: #d0071a; text-decoration:none; border-bottom:2px dotted;font-style:normal;}
a:hover {color: #666; text-decoration:none;border-bottom:2px solid;}
a:active, a:focus{
outline:none;}
ul, ol {margin: 0.5em; color: #fff; font-size: 1.2em; line-height: 1.6em;}
ul {list-style: square inside;}
ol {list-style: decimal inside;}
em {font-weight: bold; font-style: normal;}
.drop {
	float:left;
	color:#d0071a;
	font-size:3em;
	line-height:1em;
	padding:0;
	font-family:Georgia,Times,serif;
	}
abbr {cursor:help;border-bottom:1px dotted;}
blockquote {
background:#8D8D8D url(../images/css/quote.gif) no-repeat;
padding:2em;
overflow:hidden;
width:45%;
color:#eee;
padding-top:4em;
margin:2em auto;
font-size:1.3em;
position:relative;
bottom:0;
right:0;
}
.assume {
color:#d0071a;
padding:0;
margin:0;
text-transform:lowercase;
font-style:italic;
}
.whosaidit{
float:right;
padding:5px;
}
.preview {background:#ccc;padding:5px;border:1px solid #999;float:left;margin:2em;position:relative;left:0;bottom:0;}
.right {float:right;margin-right:2em;}
.left {float:left;margin-left:2em;}
/**********=layout **********/

#header {
	padding:0;
	margin:0;
	width:100%;
	background:url(../images/header.gif) no-repeat left bottom #000;
	border-top:5px solid #d0071a;
	height:25em;
}

.row {	
	border-bottom:3px solid #d0071a;
	width:98%;
	padding:0 0 30px 2%;
	overflow:hidden;
	background:#fff url(../images/grad_bg.gif) repeat-x bottom left;
	color:#000;
	margin:0 auto;
	float:left;
}
.row2 {	
	border-bottom:3px solid #d0071a;
	width:98%;
	padding:0 0 30px 2%;
	overflow:hidden;
	background:#fff url(../images/description.jpg) repeat-x top left;
	color:#000;
	margin:0 auto;
	float:left;
}

#navbar {
position:relative;
width:100%;
height:15em;
background:transparent;
float:right;
margin:0;
padding:0;}

#footer {
float:left;
clear:both;
width:100%; 
height:3em;  
margin:0; 
padding:0;
background:#999 url(../images/footer_top.gif) repeat-x bottom left; 
color:#fff; }
#footer p {
color:#fff; 
text-decoration:none; 
font-style:normal;
padding:0;
width:75%;
font-size:1.3em;
line-height:1.5em;
margin:0 auto;
text-align:center;}
#footer a {color: #d0071a; text-decoration:none; border-bottom:2px dotted;font-style:normal;overflow:hidden;}
#footer a:hover {color:#eee; text-decoration:none;border-bottom:2px solid;}

/********** top nav styles **********/

ul#nav {
margin:0;
padding:0;
position:relative;
bottom:0;
padding-right:1px;
right:0;
float:right;
border-right:5px solid #d0071a;
list-style:none;
width:50em;
height:15.5em;
line-height:3em;
text-align:left;}

ul#nav li {
margin-top:1px;
float:right;
clear:both;
display:inline;
height:3em;
background:#111;
color:#fff;}
ul#nav li a {
text-transform:uppercase;
line-height:3em;
border:none;
text-decoration:none;
color:#fff;
margin:0;
padding:0;
height:3em;}
ul#nav li a:hover {
width:100%;
height:100%;
background:#222;
color:#d0071a;}
ul#nav li#home {
width:40em;
height:3em;}

ul#nav li#home a {
padding:.9em 18.45em;
width:40em;
height:3em;}

ul#nav li#work {
width:35em;}

ul#nav li#work a {
padding:.9em 13.65em;
width:35em;
height:3em;}

ul#nav li#services {
width:30em;}

ul#nav li#services a {
padding:.9em 12.42em;
width:30em;
height:3em;}

ul#nav li#contact {
width:25em;}

ul#nav li#contact a {
padding:.9em 10.05em;
width:25em;
height:3em;}

ul#nav li#site {
width:20em;} 

ul#nav li#site a {
padding:.9em 7.335em;
width:20em;
height:3em;}

/********** column styling [adds up to 99% intentionally] **********/ 


.fullwidth {
	float:left; 
	width:96%;
	background:transparent;
	color:#000;
	padding:0 10px;}		

.threequarter {
	width:71%;
	background:transparent;
	color:#000;
	margin:0 auto;
	padding:0 10px;}		
			
.half {
	float:left;
	width:47%;
	background:transparent;
	color:#000;
	padding:0 10px;}		

.onethird {
	float:left; 
	width:30%;
	background:transparent;
	color:#000;
 	padding:0 10px;}		

.quarter {
	float:left; 
	width:22%;
	background:transparent; 
	color:#000;
	padding:0 10px;}
/********** header border bottom **********/
.header_bottom {
	background:#fff url(../images/hdr_bg.jpg) repeat-x;
	height:64px;
}

/********** form styles **********/

#contactarea {
	width:35em;
	height:42em;
	margin:0px auto;
	text-align:left;
	background-color:#36363B;
	border:1px solid #DBDBDB;
	background:url(../images/description.jpg) repeat-x top left;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 1.2em;
	color:#333;
}

.inputbox {
	border: 1px solid #DBDBDB;
	width: 15em;
	padding: 0.2em;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 1.2em;
	float:right;
	color:#333;
}

.inputlabel {
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 1.2em;
	margin: 0 1em;
	float:left;
}
.inputbox:focus {
	background:#eee;
	border:1px solid #ccc;
}

#textarea {
	border:1px solid #DBDBDB;
	padding:1em;
	width:15em;
	float:right;
	clear:both;
	font-weight:bold;
	font-family:Verdana, Arial;
	font-size:1.2em;
	margin:0 auto;
}
#textarea:focus {
	background:#eee;
	border:1px solid #ccc;
}
#submitbutton {
	border: 1px solid #DBDBDB;
	background-color: #eee;
	color:#666;
	margin:1em 1em 0 0;
	height:3em;
	width:8em;
	float:right;
}
#submitbutton:hover {
	border: 1px solid #666;
	background-color: #ccc;
	color:#666;
}
#resetbutton {
	border: 1px solid #DBDBDB;
	background-color: #eee;
	color:#666;
	margin-top:1em;
	margin-right:0.5em;
	height:3em;
	width:8em;
	float:right;
}
#resetbutton:hover {
	border: 1px solid #666;
	background-color: #ccc;
	color:#666;
}
#contactform {
	position:relative;
}
/********** inserted styling **********/

#Col_B {
	width:72%;
	background:transparent;
}