/*

Thanks for looking at my stylesheet, I try to keep it pretty clean in here. 

I can write CSS for you!

*/

body {font-family:Georgia,"Times New Roman", serif; font-size:14px; color: #333; background-color: #82CAFF }

#tortilla { width: 990px; margin: 50px auto; border-top: 10px solid #ddd; background-color: #fff; }
.wrapper {width:920px;margin:0 auto;}

#header, #contact { border-bottom: 3px solid #ccc; }
#header { margin:0 auto 25px; height: 120px; position: relative; width: 920px; }
	#header h1 { position: absolute; bottom: 10px; text-transform: none; margin: 0; }
	#header h1 span { text-transform: uppercase; display: block; font-size: 16px; color: #666; letter-spacing: 2.5px; }
	#header a, #header a:visited {color:#000;}
		#header a:hover {color:#333;}
	#header h1 a { display: block; }

#nav { position: absolute; right: 0; bottom: 5px; margin: 0; }
	#nav li {float:left;margin-left:10px;width:auto;list-style-type:none;font-family: Arial, sans-serif; text-transform: uppercase; padding: 0; }
	#nav li a, #nav li a:visited {display:block;padding:5px 10px; color: #666;}
		#nav li a:hover {background:#6495ED;color:#fff;}

#intro { margin: -25px 0 25px; padding: 25px 0 25px 10px; border-bottom: 3px solid #ccc; background: url("../images/diag2.png") repeat scroll 0 0 transparent; }
  #slides { width: 600px; height: 300px; border: 3px solid #333; margin: 0 auto; -moz-box-shadow: 0 0 10px #999999; -webkit-box-shadow: 0 0 10px #999999; -box-shadow: 0 0 10px #999999;}
  #intro h1 { font-size: 267px; color: #fff; text-shadow: 0 0 50px #eee; }

#contactInfo { clear: both; padding: 30px 0 15px; }
  #contactInfo .fl { margin-right: 30px; }
	#contactForm { width: 650px; }
	
#introtext {font-size:36px;color:#666;border:1px solid #ccc;border-left:none;border-right:none;padding:25px 10px 25px 345px;line-height:44px;clear:both; position: relative; background: url("../images/diag2.png") repeat scroll 0 0 transparent; }
	#introtext span {font-size:64px;color:#f90;font-style: italic; position: absolute; left: 0; top: 50%; margin-top: -22px; width: 330px; text-align: center; }

#featuredwork {margin:25px auto;width:920px;}
	#featuredwork h2 {margin:0 10px 15px;}
	#featuredwork div {margin-bottom:25px;height:310px;padding:0 10px 10px;border-bottom: 1px dotted #ccc;}
	#featuredwork img {float:left;border:3px solid #ccc; width: 594px;}
	#featuredwork h3, #featuredwork ul {margin-left:615px;}
	#featuredwork ul li {padding:10px 0;border-top:1px dotted #ccc;line-height:20px;list-style-type:none;margin-left:0;}
	#featuredwork span {font-weight:bold; color:#666;font-style: italic;}
	#featuredwork p {text-align:center;clear:both;font-size:26px; margin-bottom: 25px; }

	#viewMore {border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; padding: 15px 0; margin: 0 auto; width: 920px; }

.column, .column2, .column3, .column4, .column5 {float:left; margin-right: 40px; }
.collast { margin: 0; }

.column  {width:285px;}
.column2 {width:595px;}
.column3 {width:440px;}
.column4 {width:210px;}
.column5 {width:670px;}

#footer {clear:both;text-align:right;margin-bottom:15px;padding:10px 0;border-top:1px dotted #ccc;font-size:12px;color:#ccc;line-height:20px; text-transform: uppercase; font-family: Arial, sans-serif}

h1,h2, h3, h4 {margin-bottom:5px;font-family: Arial, sans-serif; text-transform: uppercase; }

h1 {font-size:36px; letter-spacing: -1px;}
h2 {font-size:20px;color:#6495ED;}
h3 {font-size:18px;}
h4 {font-size:16px;}

p {margin: 0 0 15px;line-height:22px;}

a, a:visited {color:#f90;}
	a:hover {color:#333;}
	
ul {margin-bottom:20px;}
	ul li {list-style-type:disc;padding:5px 0;margin-left:15px;}

ul.dotted {margin-bottom:15px;border-bottom: 1px dotted #ccc;}
	ul.dotted li {padding:10px 5px;border-top:1px dotted #ccc;list-style-type:none;margin:0;}
	
.bigtext {font-size:22px;line-height:36px;margin-left:15px;}

.servicelist {padding-top:35px;}

.icon-phone { background: transparent url(../images/phone32.png) no-repeat 0 0; }
.icon-email { background: transparent url(../images/mail32.png) no-repeat 0 0; }

.portlink { border: 1px dotted #ccc; border-width: 1px 0 0; line-height: 42px; clear: both; font-size: 24px; text-align: center; padding-top: 15px; }

#twitter { background: url(../images/icon-twitter.png) no-repeat 10px center; clear: both; padding: 10px 10px 10px 35px; border-top: 1px dotted #ccc; }
	#twitter ul, #twitter li  { margin: 0; list-style: none; }

.clear { clear: both; }
.fl { float: left; }