@charset "utf-8";
/* CSS Document */

/* services page */


#services {
	width:650px;
	float:left;
	background-color: #FFF;
	padding-top: 45px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/services.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	border: 1px solid #B3B3B3;
}

#graphicbox {
	width:240px;
	padding-top:50px;
	background-color: #FFF;
	background-image: url(../images/graphicdesign.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-bottom: 15px;
	padding-left: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	
}

#webdesign {
	width:240px;
	padding-top:50px;
	background-color: #FFF;
	background-image: url(../images/webdesign.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-bottom: 15px;
	padding-left: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	
}


/* end services page */


#news {	
	
}
#news il {
}



/* about page */


#about {
	width:650px;
	float:left;
	background-color: #FFF;
	padding-top: 45px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/thetruth.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	border: 1px solid #B3B3B3;
}

#alex {
	width:650px;
	float:left;
	background-color: #FFF;
	padding-top: 45px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/thedude.png);
	background-repeat: no-repeat;
	border: 1px solid #B3B3B3;
}

#photoabout{
	width:700px;
	float: left;
	margin-bottom: 5px;
	
	
}
#resume {
	width:255px;
	padding-top:50px;
	background-color: #FFF;
	background-image: url(../images/resume.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-bottom: 15px;
	font-family: Verdana, Geneva, sans-serif;
	
}

#clients {
	width:230px;
	padding-top:50px;
	background-color: #FFF;
	background-image: url(../images/clients.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-bottom: 15px;
	padding-left: 25px;
	
}

#recenthoots {
	width:255px;
	padding-top:35px;
	background-color: #FFF;
	background-image: url(../images/recenthoots.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-bottom: 15px;
	
}

#follow{
	width:255px;
	margin-bottom:10px;
	border: 1px solid #B3B3B3;
}
/* end about page */


/* contact page */
#left {
	width:255px;
	margin-right: 25px;
	margin-left: 35px;
	float: left;
	height: 800px;
}



#contactinfo {
	width:255px;
	padding-top:50px;
	background-color: #FFF;
	background-image: url(../images/contactinfo.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	
}

#contactinfo h2{
	font-size:16px;
	color:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

#contacttext {
	padding-left:25px;
	padding-right: 25px;
	font-size: 12px;
	line-height: 16px;
	
	
}

#contacttext p {
	font-size:18px;
	float: none;
	color:#000
}


#faqbox {
	width:255px;
	padding-top:50px;
	background-color: #FFF;
	background-repeat: no-repeat;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	margin-top: 15px;
	background-image: url(../images/faq.png);
	float: left;
}

#contactbox {
	width:650px;
	float:left;
	background-color: #FFF;
	padding-top: 55px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	background-image: url(../images/sendemail.png);
	background-repeat: no-repeat;
	height: 500px;
	border: 1px solid #B3B3B3;
}

/* end contact page */



/* project page */

#clientinfo {
	width:255px;
	background-color: #1A1A1A;
	background-image: url(../images/client.png);
	padding-top: 35px;
	margin-left: 35px;
	margin-right: 25px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 14px;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	float: left;
	
	
	
}

#clientinfo h2{
	font-size:16px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

#clienttext {
	padding-left:25px;
	padding-right: 25px;
	font-size: 12px;
	line-height: 16px;
	
	
}

#clienttext p {
	font-size:24px;
	float: none;
	color:#FFF;
	line-height:26px;
}

#clientbrief {
	width:650px;
	background-color: #fff;
	background-image: url(../images/designbrief.png);
	padding-top: 50px;
	margin-right: 25px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 14px;
	padding-bottom: 25px;
	border: 1px solid #B3B3B3;
	float: left;
	padding-right: 25px;
	padding-left: 25px;
	
	
	
}

#project {
	width:980px;
	height: 515px;
	float: left;
	background-color: #FFF;
	margin-right: 35px;
	margin-left: 35px;
	margin-bottom: 15px;	
	padding-top:15px;
}

#itemdescription {
	width:950px;
	height:50px;
	padding-bottom: 50px;
	position: relative;
	top: -30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
}

#projectslider {
	padding-left:15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
/* End project page */

/*Wrapper*/


a { color: #000; text-decoration: none; }
a:hover {
	color: #2DBDB6;
	text-decoration: underline;
}


#wrapper {
	width: 1050px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}

/*End of Wrapper*/

/*Wrapper2*/

#pagewrapper {
	width: 1050px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
/*End of Wrapper2*/

body {
	background-image:url(../images/bgstrip.gif);
	background-repeat:repeat-x;
	margin-top: 0px;
	background-color:#fff;
	
	
}


/*Misc styling*/

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding: 0px;
	float: none;
}
h2 {
	font-size: 16px;
	display: block; 
}
h3 {
	font-size: 20px;
	display: block;
}
h4 {
	font-size: 24px;
	display: block;
}
h5 {
	font-size: 28px;
	display: block;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-right: 10px;
	
}

/* ----- HEADER ----- */

#header {
	width:1050px;
	height:110px;
	
}

#headerleft {
	float:left;
	width:381px;
	height:100px;
	margin-top: 5px;
	margin-left: 25px;
	
}

#headerright {
	float:left;
	width:600px;
	height:100px;
	margin-left: 25px;
	
	
}
#headerright a:hover{
	color:#2DBDB6
	
}

#headerright .on {
	color:#000;
}

#topleft {
	width:550px;
	height:50px;
}

#graphic {
	float:left;
	margin-top: 20px;
	margin-left: 35px;
}

#quote {
	float:right;
	
}
				 

/* -----End of HEADER ----- */


#page {
	width:1050px;
	height: 885px;
	background-repeat: no-repeat;
	padding-top: 25px;
	
}
#page2 {
	width:1050px;
	height: 1045px;
	background-repeat: no-repeat;
	padding-top: 25px;
	
}

#workpage {
	width:1050px;
	height: 1700px;
	background-repeat: no-repeat;
	
}

#featuredwork {
	width:980px;
	height:365px;
	margin-right: 35px;
	margin-left: 35px;
	background-image: url(../images/featured4.png);
	padding-top: 50px;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-color: #FFF;
	margin-bottom: 25px;
	
}




#welcome {
	width:650px;
	margin-right: 20px;
	margin-left: 35px;
	background-color: #FFF;
	background-image: url(../images/welcome.gif);
	background-repeat: no-repeat;
	border: 1px solid #B3B3B3;
	padding-top: 55px;
	padding-bottom: 25px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 22px;
	font-style: normal;
	height: 128px;
	
}


#skills {
	width:240px;
	background-color: #FFF;
	background-image: url(../images/skills.gif);
	background-repeat: no-repeat;
	border: 1px solid #B3B3B3;
	padding-top: 55px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: normal;
	font-style: normal;
	padding-bottom: 25px;
	height: 128px;
	padding-left: 15px;
	
}

#hoots {
	width:255px;
	float: left;
	margin-top: 15px;
	background-color: #FFF;
	background-image: url(../images/hoots.gif);
	padding-top: 25px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	height: 150px;
	border: 1px solid #B3B3B3;
}

#tweet {
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
}

/* Twitter Box */
.box #tweet {
    background-color: #ffff19;
    overflow: hidden;
    padding: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
}

#tweet span { display: block; }
#tweet .text {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px;
	font-style:italic;
         }
#tweet .text a { color: #9f9f0f; }
#tweet .text a:hover { color: #404006; }
         
#tweet .time { float: right; font-size: 14px; font-style: italic; }
#tweet .time a { color: #666666; }
#tweet .time a:hover { color: #2DBDB6; }


#blogbox {
	width:650px;
	float: left;
	margin-top: 15px;
	background-color: #FFF;
	background-image: url(../images/blog.png);
	padding-top: 50px;
	padding-right: 25px;
	background-repeat: no-repeat;
	margin-right: 20px;
	height: 150px;
	border: 1px solid #B3B3B3;
	margin-left: 35px;
	padding-left: 25px;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
}

/* End Twitter Box */

/* Work css */
#myspace {
	background-image: url(../images/myspacelayouts.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	border: 1px solid #B3B3B3;
	
}

#myspace a {
	color:#03C;
}
#wrapbox {
	width:950px;
	margin-top:10px;
	margin-bottom: 10px;
}

#myspace img {
	position: absolute;
	top: 0px;
	left: 0px;
}


.wrap {
	height: 140px;
	position: relative;
	overflow: hidden;
	float: left;
	background-color: #2DBDB6;
	margin-right: 10px;
	width: 230px;
	text-align: center;
	margin-bottom: 10px;
}

#title  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	padding-top: 25px;
	float: none;
	width: 0px;
	padding-left: 25px;
	padding-right: 15px;
	
}

#title a {
	color:#FFF;
}

#title a:hover {
	color:#1A1A1A;
}




.wrapend {
	width: 230px;
	height: 140px;
	position: relative;
	overflow: hidden;
	float: left;
	background-color: #2DBDB6;
	margin-bottom: 10px;
}


#websites {
	background-image: url(../images/websites.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 25px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	margin-top: 25px;
	border: 1px solid #B3B3B3;
	
}

#websites img {
position: absolute;
top: 0; left: 0;
}

#posters {
	background-image: url(../images/posters.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	margin-top: 25px;
	
}

#posters img {
position: absolute;
top: 0; left: 0;
}

#shirts {
	background-image: url(../images/tshirts.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	margin-top: 25px;
	border: 1px solid #B3B3B3;
	
}

#shirts img {
position: absolute;
top: 0; left: 0;
}

#branding {
	background-image: url(../images/brandingheader.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	margin-top: 25px;
	border: 1px solid #B3B3B3;
	
}

#branding img {
position: absolute;
top: 0; left: 0;
}


#print {
	background-image: url(../images/print.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	width: 950px;
	text-align: center;
	float: right;
	margin-right: 35px;
	margin-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #FFF;
	padding-top: 45px;
	margin-left: 35px;
	padding-bottom: 15px;
	margin-top: 25px;
	border: 1px solid #B3B3B3;
	
}

#print img {
position: absolute;
top: 0; left: 0;
}

/* End Work css */



/* Footer */


#footer {
	height:140px;
	background-color: #B3B3B3;
	padding-top: 25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	padding-left: 400px;
}

#footer a {
	color:#333333;
}

#footer a:hover {
	color:#1A1A1A;
}

#footerwrapper {
	width:1050px;
	margin-right: auto;
	margin-left: auto;
}

#legal {
	width:450px;
	float: left;
	font-size:9px
}

#footernav {
	float: left;
	padding-right:20px;
}

#social {
	width:170px;
	float: left;
}

/* End Footer */