/* Styles for Blue */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #000 url(../images/bg.jpg) no-repeat fixed center top;
}

h2 {
	font-size: 15px;
	margin-top: 15px;
	color: #baad8d;
}

li {
	margin-left: 35px;
}

a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover {color: #ccc; text-decoration: underline;}
a:active {color: #fff; text-decoration: none;}

.img_right {
	float: right;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 10px;
}


/* ------------ MAIN STRUCTURE ------------ */

#wrapper {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
}


/* ------------ HEADER ------------ */


#header {
	width: 975px;
	height: 205px;
	background: url(../images/blue_designs_logo.png) no-repeat center center;
}
#header h1 {
	display: none;
}

#header a:link {display: block; float: left; width: 975px; height: 205px; text-decoration: none;}
#header a:visited {display: block; float: left; width: 975px; height: 205px; text-decoration: none;}
#header a:hover {display: block; float: left; width: 975px; height: 205px; text-decoration: none;}
#header a:active {display: block; float: left; width: 975px; height: 205px; text-decoration: none;}


/* ------------ LEFT SIDE INFO ------------ */


#left_pill {
	width: 210px;
	float: left;
}

#left_pill_top {
	width: 210px;
	float: left;
	background: url(../images/left_pill_top.png) no-repeat;
	height: 20px;
}

#left_pill_mid {
	width: 210px;
	float: left;
	background: url(../images/left_pill_mid.png) repeat-y;
}

#left_pill_bottom {
	width: 210px;
	float: left;
	background: url(../images/left_pill_bottom.png) no-repeat;
	height: 20px;
}

#award {
	width: 210px;
	float: left;

}


/* ------------ RIGHT SIDE INFO ------------ */


#right_pill {
	width: 765px;
	float: right;
}

#r_title_top {
	width: 765px;
	float: right;
	background: url(../images/title_top.png) no-repeat;
	height: 20px;
}

#r_title_mid {
	width: 765px;
	float: right;
}

#r_title_bottom {
	width: 765px;
	float: right;
	background: url(../images/title_bottom.png) no-repeat;
	height: 20px;
}


#r_body_top {
	width: 765px;
	float: right;
	background: url(../images/body_top.png) no-repeat;
	height: 50px;
}

#r_body_mid {
	width: 665px;
	float: right;
	background: url(../images/body_mid.png) repeat-y;
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	font: 12px/22px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	text-align: justify;
}

#r_body_mid p {
	color: #fff;
	font: 12px/22px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	text-align: justify;
}

#r_body_bottom {
	width: 765px;
	float: right;
	background: url(../images/body_bottom.png) no-repeat;
	height: 50px;
}


/* ------------ websites ------------ */

#portfolio_pill {
	width: 665px;
	float: left;
	margin-left: 5px;
	margin-bottom: 15px;
}
#site_left {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	float: left;
	height: 280px;
}

#site_right {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: right;
	padding-top: 10px;
	float: right;
	height: 280px;
}
#site_right p {
	text-align: right;
}

#ad_left {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	float: left;
	height: 350px;
}

#ad_right {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: right;
	padding-top: 10px;
	float: right;
	height: 350px;
}

#ad_left_short {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	float: left;
	height: 250px;
}

#ad_right_short {
	width: 300px;
	font: 11px/18px Georgia, "Times New Roman", serif; letter-spacing: 1px;
	color: #fff;
	text-align: right;
	padding-top: 10px;
	float: right;
	height: 250px;
}


/* --------- form stuff --------- */

#formbox1 {
	float: left;
	width: 255px;
	text-align: left;
	color: #000;
	font: 11px Georgia, "Times New Roman", Times, serif;
	height: 50px;

}

#formbox2 {
	float: left;
	width: 255px;
	text-align: left;
	color: #000;
	font: 11px Georgia, "Times New Roman", Times, serif;
	height: 125px;
	margin-bottom: 5px;
}

#contactpills {
	float: left;
	width: 450px;
	text-align: left;
	color: #000;
	font: 12px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 15px;
	padding-top: 5px;
}
#contactpills:hover {
	background-color: #f5f9f2;
	
}


input,
textarea { 
	font: 12px "Tahoma", Geneva, sans-serif;
	background-color: #ccc;
	padding: 4px;
	border: 1px solid #666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

input:focus, 
textarea:focus {
	background: #ccc;
}

input[type="image"], 
input.submit { 
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	width: auto !important;
}

select { 
	font: 12px "Tahoma", Geneva, sans-serif;
	padding: 0;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.formborder{
	height:20px;
	width:200px;
	background-color: #a28e61;
	border: 1px solid #2d220e;
	margin-bottom: 15px;
}

.formborder1{
	height:200px;
	width:450px;
	background: url(../images/fieldbg.png) repeat;
	border: 1px solid #2d220e;
	margin-bottom: 15px;
}

.formborder2{
	height:20px;
	width:450px;
	background: url(../images/fieldbg.png) repeat;
	border: 1px solid #2d220e;
}

.formborder3{
	height:15px;
	width:255px;
	background: url(../images/fieldbg.png) repeat;
	border: 1px solid #2d220e;
	margin-bottom: 15px;
}

.formborder4{
	height:20px;
	width:225px;
	background: url(../images/fieldbg.png) repeat;
	border: 1px solid #2d220e;
}



/* ------------ FOOTER ------------ */

#footer {
	width: 765px;
	font: 9px/20px verdana, arial;
	color: #baad8d;
	text-align: center;
	padding-top: 10px;
	height: 65px;
	float: right;
}

#footer a{
    color: #baad8d;
	text-decoration: none;
}

#footer a:hover{
    color: #fff;
	border-bottom: 1px dotted #ccc;
}
